1选择器优先级
首先要知道css的用法。一般css写入方法为两种,网页中和网页外。通常将css放入标签中。网页外写入为
<!doctype html>
<html>
<head>
<link type=“text/css” rel=“stylesheet” href=“css路径”> //引用css文件//
</head>
<body>
.........
</body>
引用标签为link, type为文件类型, rel为stylesheet, href为路径点。
网页内写入为
<!doctype html>
<html>
<head>
<style type=“text/css”>
.........
</style>
</head>
<body>
........
</body>
</html>
不管外部引用还是内部书写,css对于改变网页外观都基于css选择器,css选择器分为id选择器,类选择器,标签选择器,后代选择器,子代选择器,群组选择器。每一个标签都有id,class属性,id选择器为
<style type=“text/css”>
#id名{
.......
}
</style>
类选择器为
<style type=“text/css”>
.class名{
......
}
</style>
标签选择器为
<style type=“text/css”>
p{
.....
}
</style>
三个选择器的优先级为,id选择器>类选择器>标签选择器。
2浮动布局
网页加载是按照文档流形式,也就是从上到下加载,如果使用浮动布局,就会脱离文档流,会对父级标签产生影响,但是浮动布局会对网页布局作出很大贡献。
浮动布局在css中为
float: left/ right;
即向左浮动或向右浮动。浮动布局遵守浮筒原理,其意思为,假如向左浮动,块元素会从右下浮起,直到浮到顶端,在向左漂动,直到最左端。