CSS

css 引入

1 行内式

<p style="color:#F00; "></p>

2 内嵌式

<style type="text/css">

body,div,a,img,p{margin:0; padding:0;}

</style>

3 链接样式

<link type="text/css" rel="stylesheet" href="style.css" />

4 导入样式

@import url(style.css);

水平 css

所有的子元素加上 float left ，子元素的爸爸加上 clearfix类
font size 默认字体大小 16px  （Chrome 中默认的 line-height 为 1.2）
color ：inherit    color可以继承
span之间只要有间隔 ，代码渲染就会产生空格

div 高度什么决定

    div内部 文档流元素的 高度的 总和决定
    文档流 ：  文档内元素的 流动方向
    内联元素  从左往右 文章内容注意使用属性word-break  (中文用
    break-all) 
                    span 高度有建议高度
    块级元素  从上往下  
                    高度由内部所有文档流的高度综合决定

快捷代码

    span{$}*4                  
    span标签 递归添加4个 

position

static 默认
fixed 脱离文档流
absolute子元素相对于父元素的relative进行定位 

css画三角形

div{
    height: 0px;
    width: 0px;![triangle.PNG](/img/bVbBvkl)
    border: 20px solid red;
    border-top-color: transparent;
    border-left-color: green;
    border-right-color: black;
  }