1、CSS是什么？1、什么是CSS？2、CSS有什么功效？2、CSS核心基本1、CSS样式规则2、引入CSS的办法1)、行内式2)、内嵌式3)、链入式2、CSS选取器1)、基本选取器2)、后代选取器3)、并集选取器4)、交集选取器5)、通配符选取器3、文本的样式属性1、字体样式属性1)、font-size：字号体积2)、font-weight: 字体粗细3)、font-family:字体4)、font-style:字体风格5)、font:2、文本样式属性1)、line-height：行间距2)、text-align: 文本对齐方式3)、text-decoration:修饰线4)、text-indent:首行缩进5)、color:文本颜色4、CSS的高级特性1、CSS的层叠性2、CSS的继承性3、CSS的优先级5、盒子模型1、内容区域：width 和 height2、内填充区域： padding3、 边框： border4、外填充区域：margin5、背景： bac公斤round6、浮动1、元素的浮动2、清除浮动7、拓展
1、CSS是什么？
1、什么是CSS？CSS是层叠样式表2、CSS有什么功效？用来美化、布局。以HTML为基本，供给了丰富的功能，如设置字体颜色、体积、样式、背景颜色，以及页面排版等等。2、CSS核心基本
1、CSS样式规则
首要必须认识CSS样式规则，基本语法如下： 选取器{属性1:属性值1;属性2:属性值2;···属性n:属性值n;}2、引入CSS的办法
1)、行内式
亦叫内联样式，是直接写在标记名后面的。基本语法如下： <标记名 style =“属性1:属性值1;属性2:属性值2;···属性n:属性值n;”>/</标记名>2)、内嵌式写在head头部标签中，并且运用style标记定义，基本语法如下:<head>
<style>
选取器{属性1:属性值1;属性2:属性值2;···属性n:属性值n;}
</style>
</head>
3)、链入式在head头部标签中直接经过link链接到html文档中，基本语法如下：<head>
<link herf="CSS文件路径"type="text/css" rel="stylesheet">
</head>
2、CSS选取器
1)、基本选取器
标签选取器： html标记名做为选取器。基本语法如下：
标记名{属性1:属性值1;属性2:属性值2;···属性n:属性值n;}
类选取器： class选取器。运用 .类名 进行标识，基本语法如下：
.类名{属性1:属性值1;属性2:属性值2;···属性n:属性值n;}
id选取器： 运用 #id名叫作 进行标识，基本语法如下： #idname{属性1:属性值1;属性2:属性值2;···属性n:属性值n;]2)、后代选取器
后代选取器用来选取元素或元素组的后代，把外层标记写前面，内层标记写后面，中间必须加上空格。 例如：.box p soan {属性1:属性值1;属性2:属性值2;···属性n:属性值n;}3)、并集选取器
任何形式的选取器都能够做为并集选取器的一部分，中间必须用逗号隔开。
例如： h1,h2,p,.classNmae{属性1:属性值1;属性2:属性值2;···属性n:属性值n;]4)、交集选取器
亦叫作作标签指定式选取器，在A选取器中选中的B选取器，中间用.连接，无空格。
例如：
p.box{属性1:属性值1;属性2:属性值2;···属性n:属性值n;] 暗示选取p标签中的class="box"这个类5)、通配符选取器
通配符用*暗示，能匹配页面中所有元素，功效范围最广。
例如： *{margin:0;padding:0}3、文本的样式属性
1、字体样式属性
1)、font-size：字号体积属性值了能够运用相对长度单位em，举荐运用像素单位px。2)、font-weight: 字体粗细属性值默认normal，能够设置加粗bold,更粗bolder，或1
| 
发表于 2024-6-30 10:49:14
