CSS快速入门

一.概述
层叠样式表;可以对HTML的元素,进行控制,使HTML的元素展现的效果和位置更好;

二.基本语法
css规则由两个部分构成:选择器和语句
语句规则:
1.css选择器的名称区分大小写;属性名和属性值区分大小写;
2.每条语句的结尾都要使用;,最后一行可以省略;
3.注释格式:/**/
4.css在html中写的代码需要使用style标签包裹起来;
5.如果单独写一个css文件,则不需要使用style标签,所有的语句需要使用大括号包裹起来;
6.如果属性值中包含空格,必须使用双引号包裹起来;
7.如果一个属性名对应多个属性值,多个属性值用空格隔开;
8.css文件的后缀名.css;

三.格式:
选择器{
     属性名: 属性值;
     属性名: 属性值;
     属性名: 属性值;
     ...........
}

四.选择器
1.ID选择器
#id的属性值{
     属性名: 属性值;
     属性名: 属性值;
     .....
}

2.类选择器
.class属性的属性值{
     属性名: 属性值;
     属性名: 属性值;
     .....
}

3.元素选择器(标签选择器)
标签名{
     属性名: 属性值;
     属性名: 属性值;
     .....
}

4.属性选择器
标签名[属性名=属性值]{
     属性名: 属性值;
     ....
}

5.包含选择器
基本选择器 标签名{
     属性名: 属性值;
     ....
}

四.与html整合的方式
1.在html的head标签中使用link标签
<link rel="stylesheet" type="text/css" href="css/regist-css.css">

2.在html的页面的head标签中使用style标签,在style标签内也可以写css代码;只能该html文件使用,其他html不能用;

3.在开头标签中,写属性名style=”属性名=属性值;属性名=属性值;”;

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有