HTML一、基本概述学习html,更多的是记住这些标签的意思,知道如何使用。这是前端最重要的知识。注释语句为:整个HTML页面主要分为head头和body两部分。介绍一下标签:标签分为单标签和双标签,单标签以箭头结尾。双标签就是有头有尾。从html的角度来看,标签分为:文本标签:
、
、,,,
,容器标签:
、h1~h6系列标签、
、
、
换行标签、横线标签、粗体、斜体
imagetag超链接标签定义表格的标签setrowwithcolspansetcolumnwithrowspan可以显示多个网格
—>
/li>实现有序列表—>实现无序列表
—>
自定义列表内联框架
在网页中嵌入一个指定大小的框来显示新的网页效果。该标签可以和其他标签一起使用,达到网页设置网页的效果。
用于设置一个表单
这个标签在我们前端的输入框类型中经常用到,很常用的—>这两个标签的组合可以实现下拉框的功能这个标签用来显示消息框2.思维导图:CSS1,思维导图2,四引入样式的方法1.直接在文体行中使用样式标签。2.在head部分,自己写对应的css样式。3.使用link标签导入外部写入的样式4.在样式标签内部使用@import导入外部写入的样式3.选择器(本章重点)选择器的位置可以写在head和body中3.1基础选择器的中间(三)1.标签选择器:label{}用于页面中指定标签的样式选择2.类选择器:.label{}一定要记住前面有一个。我们在自己的页面标签中,可以设置对应的class属性3.id选择器:#label{}可以设置id属性。3.2层次选择器(四)1.后代选择器:labelalabelb{}用于指定某个label之后所有labels的变化。就像名字说的后代一样,只要标签b出现在标签a的后代中,那么标签b就只会改变一代。即标签a的子代只会在标签b出现时发生变化,其他代不受影响。3.相邻兄弟选择器:labela+labelb{}被labela支配。如果标签a的兄弟标签中包含标签b,则标签b的对象会发生变化,但只有第一个兄弟会发生变化,其他无效。4.通用选择器:labela~labelb{}以labela为主,如果labelb被包含在labela的同级label下,则labelb的对象会发生变化。通用选择器更像是相邻兄弟选择器的扩展,因为它也引入了相邻兄弟选择器的非相邻兄弟。3.3.伪类选择器一般伪类选择器和结构选择器一起使用,统称为结构伪类选择器ulli:last-child{}类似这种形式,先用后代选择器,再用冒号,last孩子。这个可以用一会,效果还是很漂亮的label:hover{}如果鼠标移到上面,颜色会变在^=:以等号开始$=:以等号结束使用数组-like格式,结合id选择器和class选择器a[id*="xx"],a[class^="xx"]对元素的渲染效果文章转自https://blog.csdn.net/qq_46695047/文章/详情/105932641