CSS 现在已经和HTML绑的越来越紧了,下了两本CSS的书,拿到学校实验室打印,竟然被人发现,发现就发现了,还TM扔我资料,仍我资料就算了,中国人和中国人讲话至于用英语吗,马勒戈壁。
不能跟这种人一般见识,先把今天学到的记下来。
1.CSS的基本用法
1.1 如何在HTML内插入样式表
从样式表的插入形式来看基本分为三种:
a. 内联式样式表: 直接写在现有的HTML标签中,如:
<p style="color:red"> 这里是红色文字</p>
b. 嵌入式样式表: 使用"<style> </style>"标签嵌入到HTML文件的头部种,如:
<style type="text/css">
.warning {color: red}
</style>
c. 外部式样式表:样式表外部文件以[.css] 为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将样式表文件链接到HTML文件内,如:
<link rel="stylesheet" href="basic.css" type="text/css"/>
<style type="text/css" media="all">@import url(basic.css);</style>
1.2 使用外部式样式表的优点
主要的优点是:1.多个文件可引用一个样式表文件,2.样式表文件只需要下载一次,3.浏览器会先显示HTML的内容,然后再根据样式表文件进行渲染,从而使访问者可以更快的看到内容。
1.3 规则
样式表由一些规则组成,浏览器将这些样式表规则应用到相应的元素中。
说一下选择符的分类:
选择符分为一下几种:
1. 类型选择符(type Selectors), 就是HTML文档中的元素。
2. 类选择符(Class Selectors),例如:.warning
3. ID选择符(ID selectors),例如:#warning
4. 包含选择符(Descendant Selectors,
5. 选择通配符*,选定文档目录树(DOM)中的所有类型的单一对象,利用通配选择符可以为所有的元素定义统一的属性。
例如:*{margin:0;}
最常用的选择符应该就是 类选择符和ID选择符了,他们的差别主要几种在下面几点:
1. 类选择符可以重复使用,并且可以用在任意元素上,使用任意次。
2. HTML内ID属性应该是唯一的,只有拥有该ID的元素才会应用该样式。
3. ID选择符的优先权高于类选择。
1.4 注释
格式: /* 这里是注释*/