CSS笔记1

1.CSS 层叠样式表(Cascading Style Sheets)

2.引入方式：          

1.行内样式；2.内嵌样式；3.链接样式，文件扩展名为.css <link type="text/css" rel="stylesheet" href=" .css"/>

 4.导入样式 @import url(" ") 放在<style>最上面，后面样式会覆盖上面样式。导入式的结果和直接书写是同样的效果。

5.引入方式的优先级：!important（最重要，优先级最高）（10000）  *通配符（优先级最低）（0.5）

内嵌式（1000）>id（100）>class（10）>标签（1）

优先级加法运算（包含选择器权重相加）

3.选择器

1.通配符选择器    语法：*{规则}     如*{margin:0;padding:0;}（格式化文档）

2.ID选择器    语法：#id{规则}

3.类选择器    语法：.className{规则}   浏览器渲染时从上到下，从左到右。加多个类时，每个类之间用空格隔开

4.包含选择器    通过标签的嵌套选择标签   语法：选择符a  选择符b{规则} 

只要某个元素下的直接子元素：父元素>子元素

 找到某个元素下所有的子元素（包含直接子元素（儿子）和间接子元素（孙子））：父元素 子元素{ }

5.类型（标记）选择器  即使用标签的名字作为选择符  语法：标签{规则}  如td{color:#f00;}

4.RGB在CSS中的表达方式

1.直接使用颜色的英文单词

2.使用三色的数值，如rgb（255,255,0）

3.使用三色的十六进制，如#0000ff

4.rgba 背景透明度（0~1）

5.font样式

1.font-family 可以为文字指定多种字体，不同字体间用“，”隔开，自提名字中间有空格的，要用双引号引起来

2.font-size 字体大小

3.font-style 字体倾斜效果 normal不倾斜 italic和oblique倾斜

4.font-weight 字体粗细  normal正常粗细  bold粗体  bolder加粗体  lighter比正常粗体细

6.text样式

1.text-transform 英文字母大小写转换    capitalize单词首字母大写   uppercase全部大写  lowercase全部小写

2.text-decoration 文本的装饰效果  underline文字加下划线  line-through文字加删除线  overline文字加上划线 none去除下划线

3.text-indent 段落内容首行缩进（单位用em）

4.字词间距  英文文本 letter-spacing（字母和字母间距） word-spacing（单词和单词间距）

中文文本  letter-spacing（字和字之间的间距）

overflow:visible（默认）超出部分可见   auto（浏览器自动处理）

hidden（超出部分隐藏）  scroll（出现滚动条）  

5.text-overflow（文本溢出处理）:clip（不显示省略标记，简单裁切）   ellipsis（文本溢出显示省略标记）

6.white-space（元素空白的处理）:nowrap（不换行） pre（保留空白）  <nobr>强制不换行

7.垂直居中：line-height等于height值

文本居中对齐用"text-align:center"

text-align:文本的水平位置  left：左对齐（默认值） right：右对齐  center：居中对齐  justify：两端对齐（justify主要用于英文，只能对多行中的非最后一行两端对齐）

vertical-align:baseline/top/text-top/middle/bottom