《CSS层叠样式表》----第一课

1.今天要学的知识点


  div+css　三种调用方式  网页位置里面的一个位置
                  属性选择
 优先级
 
 
样式分类
    1.外部样式
2.内部样式
3.内联样式  
 
内部样式  只能在本页面使用该样式
   <style></style>   是一个双标签


   内联样式    只能在本标签下面使用
 <div style="width:100px; height:100px; background:red"></div>
 
 
外部样式   本站点下面的所有的页面都可以使用

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

css 注释    /*     注释的内容      */


css样式定义

1.class (可以在一个页面里面用多次
2.id  (具有唯一性) 在一个页面里面id只能用一次
3.标记标签 (div ,span,p,a,img,table tr td br i b ul li ol)

4.浏览器自带的一些ＣＳＳ样式
class

优先级

  1.在同一个标记标签里面 内联样式的优先级大于内部样式优先级
  
  2.在同一个标记标签里面，ID的优先级大于class的优先级
  
  3.同一个标签里面越往下面写的样式它的优先级越大
  
  4.class/id在同一个标记标签里面，class/id的优先级大于标记标签
  
  
 单位: px 
 
 
 字体样式
     颜色
 大小
 字体
 样式
 行高
 对齐方式
 下划线
 加粗方式
 首行缩进
 
 font-size:  字号大小
 
 
 color:字体颜色  16进制　rgb()   rgba()   red/black/yellow
 
 line-height:30px;   行高(如果只有一行可以用来做竖直方向居中对齐)
 
     24-30
 
      text-align:left/center/right;    字体水平方向居中对齐
 
  text-indent:首行缩进   　1em代表一个汉字宽度()
   
text-decoration:  none/underline