CSS技术的基本常识

 

1.css->基础知识

HTML负责网页的内容,CSS负责网页的样式,可以减少网页代码量,更能提高网络访问网页的速度;

CSSCascading Syle Sheet的缩写,翻译成中文是层叠样式表单,有时简称样式表;

CSS文件链接分成:内联接(嵌入式)、链接内部css、链接外部css;

CSS层叠样式优先级:嵌入式 > 链接内部css > 链接外部css;

2.css ->选择器

->标签选择器

->类选择器(同类)

->id选择器(唯一)

选择器优先级

3.CSS其他选择方式

<h1 id="first" class="awei" name="aweicho">

<em class="aweitalk">十点垒码</em>编程

</h1>

h1 em{...} -->选择h1下面的子元素 em

em .aweitalk{...} -->选择所有classaweitalkem

h1 #first{...} -->选择所有id firsth1

h1[name]{...} -->选择所有包含name属性的h1精确

4.CSS常用规范

样式顺序:标签 -> id ->class

父标签 -> 子标签

如下格式,注意封闭括号要和标签对齐,好处方便查找

<style>

h1{

color:#C00;

font-size:36px;

}

</style>

如下格式,注意子标签要缩进对齐

<style>

#one h1{color:#36C;}

.red{color:#F00;}

.blue{color:#039;}

</style>