css心得

Css作用：对HTML的样式进行操作，对页面内容与样式分离更好的控制

在css中选择器的种类：元素选择器、ID选择器、类选择器、组合选择器

ID选择器：用#+id表示队选中元素进行操作

类选择器：用.+名称

组合选择器：用空格来链接 如：ul li：这个是对无序列表ul下的li子元素进行操作

在CSS里面：最重要的两个属性float（浮动属性）、position（定位属性）

注：任何有功能性的标签都有float属性

如：ul li ol dl dt dd  p hr 等等标签都有

在css里面可以控制HTML里面任意元素，任意元素都是个容器，都有宽高

如：

float浮动属性：浮动属性会打破原来的文本流（可以理解为浮动属性就是构建了一个平行与文本档的另一个文档）

position定位属性：一样也是打破原来的文本流实现定位的

注：为啥说构建了另外一个平行文档一下面案例来解释：

当p标签浮动，h5标签不浮动，p标签会覆盖h5标签

盒子模型跟表格有点内似：

     盒子模型有几个属性：margin外边距、padding内边距

     内边距：举个例子，所有内容都是在body里写的，那么body的内边距就是空白处，就是没有被内容填充的

     外边距：两个不嵌套的div之间的距离

 *注：写css的方式有 内联、外联、嵌入

内联：是直接在标签里面规定属性样式：<p style="xxxxxxx">

嵌入式：就是在head标签里写样式：  <style></style>

外联：外联需要建一个以xxx.css样式的外部文件，并且要用<link>标签指明外部文件