CSS全称Cascading Style Sheets,中文名称层叠表样式。它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。要想在网页上使用外部样式表的样式,可将网页链接到样式表。
CSS特点:实现了网页内容与样式的分离,这样我们想改网页的时候直接改CSS就可以了。
CSS中选择器:常见的有两种选择敲器:类选择器(clas)和 id选择器
<span style="font-size:18px;"><span class="menu">栏目一</span>
在样式表中
.menu{
color:green;
font-size:10px;
}</span>
<span style="font-size:18px;"><span id="special" class="menu"> 栏目二</span>
#specila{
colort:blue;
font-weight:bold;
}</span>
类选择器和id选择器的区别
id选择器的优先级是高于类选择器的,如果两个选择器中都有颜色样式的设置,那么是以颜色选择器为准的。
CSS选择器优先级:
1.情况一:
标签选择器<类选择器<id选择器
2.同级比较:
< span class="menu niu">栏目三</span>
.menu{ color:green; background-color: gray};
.niu{color:black text-decoration:underline};
执行顺序 以CSS中顺序为准,在CSS样式设计中如果样式冲突,那么哪个样式排在后面样式就按这个执行。
标准流
块级元素:<div class="menu">栏目一</div> 块级元素占满一行
行内元素:<span>他们是排列在一行的
行内元素变成块级元素: .ttt{display:block;}
盒子模型: