布局与选择器

1.id属性
如果页面中的部分可以分为三部分，那么就需要建立3个div，此时就需要给每个div一个id属性来区分他们。格式： div id=" aa"
2.div容器特点
一个空的div,默认宽度100%，高度为0。div的高度会随着内容的添加而增大。
3.添加图片
格式：img src="images/1.jpg"
4.超链接
格式：a href=“www.111.com” /a
5.网页内内容贴顶
body标签默认的会和页面最上方产生些距离，如果想要页面的内容挨着页面的最上方，需要对body标签进行样式调整。格式：body style="margin:0"
6.图片横跨占满页面
对img进行样式调整。格式：img src=“images/1.jpg” style="width:100%"
7.增加两行文字间的间隙
如果这两行文字在两个容器中，需给两个容器高度设置一下。格式：div style="height:50px"
8.行高（文字在容器中垂直居中）
line-height（在样式style中设置）
将行高和容器的高度设置的一样，那么容器内的文字就会垂直居中了。
9.间隔（一行文字中的间隔）
格式：margin:0 15px（存在在样式style中），此属性不能在父元素中，只针对当前元素有效。
总结
1）页面上的样式越来越多，之后会难以维护。
2）页面上的很多标签是重复的，工程量大

CSS内部样式

1.写在标签身上的叫行内样式，写在style标签内的叫内部样式。
2.在head中写入样式标签，eg.style
再把行内样式转化成内部样式写在head中的style中
3.不确定写的样式是哪个标签中的，就可以通过选择器将样式与标签对应起来，eg.style body{
margin:0;
}
/style
1）如果要写div的话，里面有很多的div，不确定是要针对哪个，可以根据给div起的id修改。eg.某div的id是aaa，想对这个div进行样式的修改，可以写作：style #aaa{ } /style
2）针对超链接写样式，如上，将超链接的标签a{ }写在head中的style中。但是如果页面上还有其他的超链接，那么这个样式会对页面上所有的超链接生效。如果想要只对页面上的一部分超链接生效，可以给这一部分超链接加上类别属性，class=" bb "。所有属于同一类别的超链接都要加上此类别名称（因为是同一类别的，类别名称可一样）。写在head中style中的应该是 .bb{ }
==总结
1.ID选择器（选择器范围最小）
id表示身份，在页面中元素的id不能重名，因此id选择器只能选择单个元素。
#box { }
2.标签选择器（选择器范围中等）
根据标签名称，选择对应的所有标签。
div { }
3.类别选择器（选择器范围中等）class
可对应到拥有该类别的多个元素。
. a { }
4.通用选择器（选择器范围最大）
针对页面上所有的标签都生效。
*
==