当前位置:Gxlcms > html代码 > CSS入门级讲解

CSS入门级讲解

时间:2021-07-01 10:21:17 帮助过:32人阅读

一.概述
层叠样式表;可以对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?1.1.11">

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

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

以上就是CSS入门级讲解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行