2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级
CSS快速入门
web前端作者:猿2048志愿者

一.概述
层叠样式表;可以对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=”属性名=属性值;属性名=属性值;”;

评论
点击刷新
评论
×添加代码片段