iframe 在body里面嵌入一个页面

属性：

frameborder 0/1 是否显示边框

scrolling yes/no/auto 是否显示滚动条

width/height 设置框架的宽高

 

<frameset>

<frame />

</frameset>

1 

组合选择器

1. E.class 表示既要是E元素，也要有.class

2. 后代选择器： 爹 后代

ul li{} 表示选择ul所有的后代li

3. 儿子选择器： 爹>儿子

ul>li{} 表示只选择ul的儿子li

4. 相邻选择器： 邻居+老王

ul+p{} 选择紧跟在ul后的兄弟p标签

5. 兄弟选择器： 大哥~兄dei

ul~p{} 选择ul后面所有的兄弟p标签

 

id > class > 标签

选择器越具体，优先级就越高

1  2     
      3      4     21 22 23     
     
      24         
      
千万别说你一无所有
25         
      
千万别说你一无所有
26         
      
27             
       
        28                 
        
#####
29                 
        
#####
30             
       
31         
32     
     
33     34     小三35 36     
千万别说你一无所有，因为你至少还有病啊！
37     
千万别说你一无所有，因为你至少还有病啊！
38     
千万别说你一无所有，因为你至少还有病啊！
39 40     
     
      41         
      
兄弟的儿子是侄子
42     
     
43 

伪类选择器

:link 访问前

:visited 访问后

:hover 悬停时（最常用的）

:active 激活的时候，鼠标按下去还没松开的时候

1  2     
      3      4     22 23 24     
     
      更多产品
     
25     招聘煮饭阿姨，男女不限26     旺旺27 

font 设置字体的属性

font-size 设置字体大小

font-weight 设置粗细

值：

bold或者100~900的整百数，600以上为粗体

font-family 设置字体文件

设置文本的字体，设置的字体需要是计算机上安装好的字体；字体安装路径为: c/windows/fonts

font-style 设置文字为斜体

值： italic 斜体

font统一设置，必须要两个属性以上：大小和字体文件为必须的

1  2     
      3      4     20 21 22     
令锋一直就很喜欢旺儒！不直的时候呢？
23     
令锋一直就很喜欢旺儒！不直的时候呢？
24     
令锋一直就很喜欢旺儒！不直的时候呢？
25 26 

background 背景属性

background-color 背景颜色

background-image 背景图片

值：

url(图片路径)

background-repeat 背景图片的平铺方式

值：

no-repeat 不平铺

repeat-x x轴平铺

repeat-y y轴平铺

repeat 默认值，x和y都平铺

background-position 背景图片的位置

值：

可以是像素或者百分比

也可以是：

top/bottom/center/left/right

background-size 背景图片的大小，不能参与统一设置

值：

可以是像素或者百分比

cover 等比例缩放到铺满整个容器，背景图可能会超出容器

contain 等比例缩放来铺满宽或者高

background统一设置

例：

background:no-repeat bottom right red url(f.gif);

1  2     
      3      4     33 34 35     
令锋一直就很喜欢旺儒！不直的时候呢？
36 

cursor 设置鼠标的样式

值：

pointer 小手手

not-allowed 禁止

其他请参考./cursor.html

1  2     
      3      4     26 27 28     
     
29 

text-decoration 设置各种线

none： 指定文字无装饰

underline： 指定文字的装饰是下划线

overline： 指定文字的装饰是上划线

line-through： 指定文字的装饰是贯穿线

text-indent 设置首行缩进，值通常设置为2em

text-align 设置文本的水平位置

值： left/center/right 左/中/右

line-height 设置行高，设置为和高度一致，可以让文本垂直居中；会悄悄将高度也设置为自己的行高！

vertical-align 设置元素本身的垂直对齐方式

1  2     
      3      4     27 28 29     
30         怎么是你？How are you? 31         怎么老是你？How old are you?32     
33     
     34     
难受，香菇。你为什么要射这种哇？
35 36     百度一下37