网页三部分:结构(html)、表现(css)、行为
Css:层叠样式表,网页是多层的,css可给每层设置样式,我们最终看到的是最上面的
Color:设置字体颜色;background:设置背景板颜色;font-size:设置字体大小
1.内敛样式/行内样式:直接写在开始标签里
Style属性,在属性值里写css样式,即color/background/font-size
Css样式语法:名值对(样式名+样式值)
优:有针对性;缺:修改不变,结构表现耦合
内部样式表:在head标签内部,写一个style标签,通过各种选择器选择对应元素,在{ }设置样式
样式结构:名值对,可写多组样式,用分隔号隔开,最后一个可以不用,但一般会加
优:修改方便;缺:不可复用
外部样式表
在html文件中。新建css文件,在css文件里选中对应元素设置样式,通过link标签,引入css文件,即可生效。此方式推荐使用
优:方便复用,html更干净
Css的注释:作用和html的注释相似,只不过必须写在style标签中或css文件中
选择器
元素选择器:选中对应元素/标签里面内容;语法:标签名{样式名}
Id选择器:在head标签里写style属性 #ID{样式名}
Class选择器:等同于ID,可复用
通配选择器:*{}选中页面所有元素
【第三天吃一半】
最新推荐文章于 2024-08-16 23:09:58 发布