2023年6月20日发(作者：)

css的语法规则1、1css层叠样式表 或者级联样式表。1、2 CSS的主要作⽤它主要⽤来给HTML⽹页来设置外观或者样式。外观或者样式:HTML⽹页中的⽂字的⼤⼩、颜⾊、字体，⽹页的背景颜⾊、背景图案！1、3 书写CSS的语法规则H1 {clolor:red;font-size:14px;}选择器 属性 声明1、CSS代码是由选择器和⼀对括号组成。2、⼤括号⾥⾯是由⼀条⼀条的声明语句组成。3、每⼀条语句都要使⽤英⽂状态下⾯的分号。4、css中的属性值⼀般不加引号。5、在CSS中如果属性值为数值型数据的时候，⼀般情况下需要加单位，单位⼀般都是PX（像素）。6、在CSS中不能出现HTML标签。1、4 CSS快速⼊门p{color: red;font-size: 10px;}/将段落设置颜⾊红⾊，⼤⼩为10像素/⼆、CSS代码的书写⽅式2、1 代码应该书写在什么地⽅！书写⽅式分为三种:嵌⼊式、外链式、⾏内式2、2 嵌⼊式嵌⼊式是通过HTML中的它可以出现在HTML中的任何地⽅，但⼀般情况我们只会将它放置在head标签⾥⾯。2、3 外链式外链式：是指单独写⼀个以.css为扩展名的⽂件,然后在标签中使⽤标签，将CSS⽂件连接到HTML⽂件中注意:css⽂件不能单独的运⾏，他必须要依赖于HTML⽂件语法格式:注意:⼀定要确定CSS代码引⼊成功。在⽹页中检查有没有写错.第⼀步:在当前页⾯点击⿏标右键选择 “检查元素”。第⼆步:找到"Network"选项卡。第三步:要刷新当前页⾯。第四步：查找network选项卡中的status装态。如果是"成功"就表⽰⽂件已经被加载。如果是"失败"就表⽰⽂件没有被加载。注意:可以同时引⼊多个CSS⽂件只要写 就可以.2、4 ⾏内式:将CSS代码书写在HTML标签的 sytle 属性中style 是⼀个通⽤属性，每⼀个⽐钱⾥⾯都拥有这个属性!语法格式:<标签名 style=“属性:值;属性:值;”>总结:1、使⽤嵌⼊式的⽅式来书写CSS代码，它只能作⽤与当前的HTML⽂件。2、使⽤外链式的⽅式来书写CSS代码，它可以作⽤于多个HTML⽂件。三、注释格式/* 注释的内容 */注意:千万不要在CSS代码中使⽤HTML的注释。四、选择器4、1 选择器选择器是指通过⼀定的语法规则选取到对应的HTML标记，然后给这个对应的HTML标记设置样式选择器分为四⼤类基本选择器通⽤选择器格式 *{属性:值;}含义:通⽤选择器，将匹配HTML所有标签，不建议使⽤,给⼤型⽹站增加负担。例⼦*{margin:0px;}*{clolor:blue;/给⽂本设置成蓝⾊/}标签选择器格式 标签名{属性:值;}含义 ：标签选择器，匹配对应的HTML标签例⼦/给p标签设置标记⼤⼩为14像素/p{font-size:14px;}类选择器格式 .class属性值{属性:值;}含义 类选择器，给拥有指定的CLASS属性值的元素设置样式例⼦只要的class属性的值为h的表标签 不管它是什么标签 都会设置样式p.h{color:red;}.box{width:800px;}ID选择器格式 #id属性值{属性:值;}含义 id选择器可以为标有特定ID的HTML元素指定特定的样式，只能使⽤⼀次。ID选择器以 # 来定义例⼦#title{font-size:14px;}复合选择器伪类选择器 尺⼨样式属性 height: auto：⾃动，浏览器会⾃动计算⾼度length; 使⽤px定义⾼度。%基于包含他的块级对象的百分⽐⾼度 含义： 设置元素⾼度 width 跟height⽤法⼀样 含义 设置元素的宽度

注意： 是⼀个⾏内标签，只有块级元素才可以设置 宽度和⾼度的。

2023年6月20日发(作者：)

css的语法规则1、1css层叠样式表 或者级联样式表。1、2 CSS的主要作⽤它主要⽤来给HTML⽹页来设置外观或者样式。外观或者样式:HTML⽹页中的⽂字的⼤⼩、颜⾊、字体，⽹页的背景颜⾊、背景图案！1、3 书写CSS的语法规则H1 {clolor:red;font-size:14px;}选择器 属性 声明1、CSS代码是由选择器和⼀对括号组成。2、⼤括号⾥⾯是由⼀条⼀条的声明语句组成。3、每⼀条语句都要使⽤英⽂状态下⾯的分号。4、css中的属性值⼀般不加引号。5、在CSS中如果属性值为数值型数据的时候，⼀般情况下需要加单位，单位⼀般都是PX（像素）。6、在CSS中不能出现HTML标签。1、4 CSS快速⼊门p{color: red;font-size: 10px;}/将段落设置颜⾊红⾊，⼤⼩为10像素/⼆、CSS代码的书写⽅式2、1 代码应该书写在什么地⽅！书写⽅式分为三种:嵌⼊式、外链式、⾏内式2、2 嵌⼊式嵌⼊式是通过HTML中的它可以出现在HTML中的任何地⽅，但⼀般情况我们只会将它放置在head标签⾥⾯。2、3 外链式外链式：是指单独写⼀个以.css为扩展名的⽂件,然后在标签中使⽤标签，将CSS⽂件连接到HTML⽂件中注意:css⽂件不能单独的运⾏，他必须要依赖于HTML⽂件语法格式:注意:⼀定要确定CSS代码引⼊成功。在⽹页中检查有没有写错.第⼀步:在当前页⾯点击⿏标右键选择 “检查元素”。第⼆步:找到"Network"选项卡。第三步:要刷新当前页⾯。第四步：查找network选项卡中的status装态。如果是"成功"就表⽰⽂件已经被加载。如果是"失败"就表⽰⽂件没有被加载。注意:可以同时引⼊多个CSS⽂件只要写 就可以.2、4 ⾏内式:将CSS代码书写在HTML标签的 sytle 属性中style 是⼀个通⽤属性，每⼀个⽐钱⾥⾯都拥有这个属性!语法格式:<标签名 style=“属性:值;属性:值;”>总结:1、使⽤嵌⼊式的⽅式来书写CSS代码，它只能作⽤与当前的HTML⽂件。2、使⽤外链式的⽅式来书写CSS代码，它可以作⽤于多个HTML⽂件。三、注释格式/* 注释的内容 */注意:千万不要在CSS代码中使⽤HTML的注释。四、选择器4、1 选择器选择器是指通过⼀定的语法规则选取到对应的HTML标记，然后给这个对应的HTML标记设置样式选择器分为四⼤类基本选择器通⽤选择器格式 *{属性:值;}含义:通⽤选择器，将匹配HTML所有标签，不建议使⽤,给⼤型⽹站增加负担。例⼦*{margin:0px;}*{clolor:blue;/给⽂本设置成蓝⾊/}标签选择器格式 标签名{属性:值;}含义 ：标签选择器，匹配对应的HTML标签例⼦/给p标签设置标记⼤⼩为14像素/p{font-size:14px;}类选择器格式 .class属性值{属性:值;}含义 类选择器，给拥有指定的CLASS属性值的元素设置样式例⼦只要的class属性的值为h的表标签 不管它是什么标签 都会设置样式p.h{color:red;}.box{width:800px;}ID选择器格式 #id属性值{属性:值;}含义 id选择器可以为标有特定ID的HTML元素指定特定的样式，只能使⽤⼀次。ID选择器以 # 来定义例⼦#title{font-size:14px;}复合选择器伪类选择器 尺⼨样式属性 height: auto：⾃动，浏览器会⾃动计算⾼度length; 使⽤px定义⾼度。%基于包含他的块级对象的百分⽐⾼度 含义： 设置元素⾼度 width 跟height⽤法⼀样 含义 设置元素的宽度

注意： 是⼀个⾏内标签，只有块级元素才可以设置 宽度和⾼度的。