css样式讲解大全,CSS样式类的讲解（附实例）

这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。

所有的主流浏览器均支持层叠样式表

div和span的理解div是一个html标签, 一个块级元素(单独显示一行), 单独使用没有任何意义, 必须结合CSS来使用, 主要用于页面的布局;

span是一个html标签, 一个内联元素(显示一行), 它单独使用没有任何意义, 必须结合css使用, 主要对括起来的内容进行样式的修饰;

类选择器

使用类选择器前要对世纪文档做标记，才能发挥类选择器作用。.name{text-align:center}

在文档后面的部分，通过包含与样式相关的'class'属性，且将其中一个预定义的样式指定为'name'值，就一块明确选择要对该标签的特定情况用何种样式类选择器

Sie sprechen gut Deutsch.

Was machen Sie hier in Berlin?Arbeiten Sie hire?

Nein,ich studiere.

ID是唯一标识，只能被使用一次ID选择器

Sheen:Sie sprechen gut Deutsch.

Star:Was machen Sie hier in Berlin?Arbeiten Sie hire?

Clotho:Nein,ich studiere.

标签选择器标签选择器

使用CSS

类选择器

ID选择器

标签选择器

3). 外部引入: 将css样式独立成一个文件， 通过与当前html文件链接在一起.

三种引入方式的优先级: 就近原则//CSS文件

div {

width: 80%;

margin: 0 auto;

padding: 0;

}

ul {

list-style-type: none

}

li {

display: inline-block;

width: 20%;

background: snow;

color: #333333;

padding-top: 10px;

padding-bottom: 10px;

text-align: center;

font-size: large;

text-transform: capitalize;

}

li:hover {

background: green;

color: snow;

}

a:hover {

color: snow;

}Title

CSS

JS

python