浅谈CSS

来源：互联网发布：魔法王座神器升阶数据编辑：程序博客网时间：2024/05/16 02:51

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;}

盒子模型：

1 0