7.26 CSS结束

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

### 结构标签
* html
* body
* head

### 头部标签
* meta
* title
* link

### 格式标签
* hn  
* br
* hr
* p
* pre
* center

### 列表标签
* ul
* li
* ol
* dl
* dt
* dd

### 文本标签
* em
* strong
* q
* blockquote
* cite
* bdo
* kbd
* var
* code
* sub
* sup
* address
* abbr
* .......



### 超链接
* a

### 图像
* img
* map
* area

### 表格标签
* table
* caption
* thead
* tbody
* tfoot
* tr
* td
* th
* colgroup
* col


### 表单标签
* form
* input
* select
* option
* textarea
* button
* fieldset
* legend

### 框架分帧
* iframe

### HTML全局属性
* title
* id
* class
* dir
* style


# CSS 层叠样式表
### CSS的使用方式
* 在元素的style属性内  行内式 内联式
* 写在 `<style>` 标签内
* 写到外部css文件中,用`<link>`关联到HTML中,  
`@import`可以引入css,用于css中引入css    

### CSS的格式
    
    选择器{
        属性:值;
        属性:值;
    }

### CSS的长度单位
* px  像素
* em  相对于默认大小 倍数
* 百分比
* pt(磅)  cm(厘米)  mm(毫米)  绝对单位

### 颜色表示
* 颜色的英文单词

     red  orange yellow  green cyan blue purple black  white  pink gray

* rgb方式

        rgb(123,45,178)
        rgb(0~255,0~255,0~255)
        rgb(百分比,百分比,百分比)
    * rbg(255,0,0)  红色
    * rbg(255,255,255)   白色
    * rgb(0,0,0)  黑色
    * rgb(100,100,100)  灰色。 只要三个都一样,就是灰色

* 十六进制
    * #34afa1
    * #ff0000  红色  可以简写 #f00
    * #00ff00  绿色  简写  #0f0
    * #0000ff   蓝色  简写 #00f
    * #ffffff    白色    简写 #fff
    * #000000  黑色  简写 #000
    * #cccccc   灰色  简写 #ccc
    * #336699  简写  #369

### CSS注释
`/* 注释 */`


### CSS选择器
* 元素选择器   
* ID选择器   #id名
* CLASS选择器  .类名
* 全局选择器   *
* 关联选择器-后代元素选择器  slecter selecter
* 关联选择器-子元素选择器    selecter>selecter
* 组合选择器  两种基本选择器的组合
* 伪类选择器  love-hate
    * :link
    * :visited
    * :hover
    * :active

### 选择器的优先级
* ID >CLASS > Tag
* 组合选择器  ID权重100  class权重10  Tag权重1


# CSS的属性
### 字体属性
* font-family    衬线字体(serif)  非衬线字体(sans-serif)
* font-style       字体风格  normal(默认)/itailc(斜体)/oblique(强制变斜)
* font-weight  字体粗度    normal(默认)/bold(加粗)/bodler(更粗)/lighter(细)/数字(>=600 粗)
* font-variant  字变形  noraml(默认)/small-caps(小型大写字母)
* font-size     字体大小
* font  统一设置
        
        font:[style/weight/variant] size family


### 颜色属性
* color   值:字母/rgb/16进制

### 文本属性
* letter-spacing  字母间距
* word-spacing  单词间距
* text-decoration 文本能修饰
    * none
    * underline 下划线
    * overline  上划线
    * line-through  中划线 删除线

 

posted @ 2017-07-26 20:46  说一是二  阅读(155)  评论(1编辑  收藏  举报