css基础

1、三样式：外联式（link：单标签）、内部样式、行内式
css可以放到页面任何位置    注释/*    */
<style ="     :    ;">
例：<p style="color:green;">
2、字体font       font-size 大小 px
font-weight 粗细 bold加粗
font-style 风格（例：斜体）
font-family 风格（例：宋体  中文需加" "）
颜色小工具：FastStone Capture
3、line-height  行间距
text-indent:2em;  首行缩进两个字
text-align:center;  文字居中 right 靠右
text-decoration:underline; 下划线  overline上划线；line-through 删除线
4、选择器    标签选择器
id选择器 <p id="p1">  
#p1{}  p1不能重复出现
类选择器<p class="class1">
.class{} 
通配符   *{
margin:0;
padding:0;
}
复合选择器： 交集  div.div1{}
并集  .div1,.div2{}

1、伪选择器        :link 未选中    顺序不可变                dashed  虚线
:visited 访问过                                 solid   实现
:hover 划过                                  例：border:1px solid red;
:active 选中
2、块级元素 div、p、hn    可设置宽高独占一行
      行内元素  span、a    宽高根据内容撑开，多个标签一行显示
      行内块元素   img、input
转换display:inline-block 行内块元素
                     display:block 块元素
                     display:inline  行内元素

3、链接里不能再放链接  p中不能放div
margin:0 auto; 居中
id（100）   class（10） 标签（1） 伪类（10） ! important 无穷大
可继承 ：font-
text-
line-
color-
4、background-image：url（“./”）;  背景图片路径
back-repeat: no-repeat  不平铺
repeat-y  y平铺
repeat-x  x平铺
background-attachment:scroll; 不固定
    fixed;固定 
background:rgba(0, 0, 0,0.3)透明度
background-position:(  mpx  npx    )   定位

1、ul li{
list-style:none;
}
2、 padding 内边距           -top  -bottom
margin 外边距             -left  -right
border 边框
3、border-collapse:collapse; 细化表格
border-radius  圆化  只用于表格
 border: 1px solid transparent;  溢出问题
transparent：透明
4、行内元素    在一行显示
宽高不能设置
上下margin无用 上padding无用  可设置左右margin  左右下padding
5、独占一行
可设置宽高
margin padding都可设置   （如叠加必须取最大值）