css基本
一.什么是CSSCSS是级联样式表CSS术语标记语言,无规律CSS功效 完成网页内容的样式与布局二.CSS的三种引入方式
1. 内联式书写位置:在 head标签内定义一个stype标签内CSS语法:css选取器{样式1;样式2}优缺点:可读性强，有复用性，样式被html页面绑定了，不可供给给其它html页面运用
2. 外联式书写位置:在外边css文件中，在html文件中经过link标签引入css文件CCS文件内CSS语法:css选取器{样式1;样式2}HTML文件中导入CSS文件语法:<link rel="stylesheet" href="CSS文件路径">优缺点: 可读性强，有复用性，适合团队研发(文件级别的复用性)3. 行间式书写位置:在标签的style属性中书写样式CSS语法:<标签 stype=样式1;样式2;>优缺点:可读性差，无复用性，书写直接4. 三种方式的优先级别内联与外联之间无优先级区别，因为html属于解释性语言，书写在下方的会覆盖上方的样式行间式的优先级要高于一切三.CSS选取器统配选取器 * { 样式1; } <!--暗示所有样式-->标签选取器 标签名 { 样式1; } <!--暗示该标签内的样式-->类选取器 .类名{ 样式1; } <!--暗示该类内的样式-->ID选取器 #ID名叫作{ 样式1; } <!--暗示该ID下的样式-->高级选择器(简单讲解)标签名.类名{ 样式1; } <!--同类名的状况下比较前面的标签的个数,个数越多优先级越高--> 重要字! important 写在样式后面用宫格隔开优先级:! important > 行间式 > id > class > 标签 > 统配
从功效范围来判断的优先级:功效范围越精确，优先级越高
样式内容key倘若有按照优先级进行取舍,无则增多
我自己是一名从事了数年研发的web前端老程序员，日前辞职在做自己的web前端私人定制课程，今年年初我花了一月整理了一份最适合2019年学习的web前端学习干货，各样框架都有整理，送给每一位前端小伙伴，想要获取的能够关注我并在后台私信我：前端，就可免费获取
作者：大前端世界 链接：https://www.jianshu.com/p/aee8cf7d0183
| 
发表于 2024-6-30 08:12:37
