html5

把网易博客的日志移过来~希望能在社区跟着大佬们学习！

盒子模型总结：
 border 边框   三要素   宽 形状 颜色  solid  dashed border-style：（单独设置三要素之一）
盒子之间距离用 margin
文字距离用 padding
div布局

 CSS完全手册

css控制

<style>
1. div{}
2.#ID{}
class元素   用.控制相同class的div
</style>

    float 浮动/clear（清除浮动）
margin:0px auto 0px auto;自动居中

margin 重叠现象，
上下相邻的普通元素margin取较大值

2.9
内联元素

span 不独占一行，文字多宽，就多宽，不能设置宽高，

margin，padding的竖直方向上不能设置，左右可以

padding内边距  文字与边缘距离  会是背景会铺上内边距 看上去div变大   背景一直铺到边框处   加时注意宽度够不够

分清哪些是块状元素，哪些是内联元素

内联元素与块状元素的转化： display：block（inline）；（none 不显示） 肯定是display能控制显示方式

（复习到清除浮动了）
<p></p>标签 用于一段落
段落缩进 text-indent：px；
文字方向

2018.3.7  复习html

浮动子div不能把父div撑起来 
（复习到内联与块状的转化，笔记有点乱，明天再整理）

<p> </p> 用于段落

css   text-indent：像素   段落缩进
      text-align：left   center  right    段居中
      text-decoration： underline； 下划线
      letter-spacing: 文字距离
      font：  style weight size family
      line-height

有衬线字体：seirf（宋体
无衬线：            sans-serif
你设置的字体，客户未必有 
不常见的放前面，稳妥，有的放后面，都没有的话用默认的
 
background-image：url（图片地址）图片优先背景色
-repeat:repeat-x（y  no）  (在x轴平铺）
-attachment： fixed （固定图片
background-position:图片位置  center（水平） top（竖直）或者像素 （ps：把多个图片融合成一张大图，再通过div拉拽图片显示所要的图案）

css 选择器
id选择器   class选择器   标签选择器  派生选择器
控制得越精细 优先级越高
div p{}   控制div中的div

css的4种引入方式：
1.外部链接一个CSS文件，在HTML头部标明：<link href="css/my.css"rel="stylesheet"type="text/css"/>
2.头部直接写入
3.直接在标签种写 <div style = ""></div>
4.外接多个css文件时 <style type="text/css>@import url();</style>