这样的标签,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