iframe 在body里面嵌入一个页面
属性: frameborder 0/1 是否显示边框 scrolling yes/no/auto 是否显示滚动条 width/height 设置框架的宽高
<frameset>
<frame /></frameset>1
组合选择器
1. E.class 表示既要是E元素,也要有.class2. 后代选择器: 爹 后代
ul li{} 表示选择ul所有的后代li3. 儿子选择器: 爹>儿子
ul>li{} 表示只选择ul的儿子li4. 相邻选择器: 邻居+老王
ul+p{} 选择紧跟在ul后的兄弟p标签5. 兄弟选择器: 大哥~兄dei
ul~p{} 选择ul后面所有的兄弟p标签
id > class > 标签
选择器越具体,优先级就越高1 2 3CSS的选择器 4 21 22 23
- 24
- 千万别说你一无所有 25
- 千万别说你一无所有 26
- 27
- 28
- ##### 29
- ##### 30
32
千万别说你一无所有,因为你至少还有病啊!
37千万别说你一无所有,因为你至少还有病啊!
38千万别说你一无所有,因为你至少还有病啊!
39 40 41
43 兄弟的儿子是侄子
42伪类选择器
:link 访问前 :visited 访问后 :hover 悬停时(最常用的) :active 激活的时候,鼠标按下去还没松开的时候1 2 3伪类选择器:hover 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 3css的常用属性-字体属性 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/rightbackground-size 背景图片的大小,不能参与统一设置
值: 可以是像素或者百分比 cover 等比例缩放到铺满整个容器,背景图可能会超出容器 contain 等比例缩放来铺满宽或者高background统一设置
例: background:no-repeat bottom right red url(f.gif);1 2 3css的常用属性-背景属性 4 33 34 35令锋一直就很喜欢旺儒!不直的时候呢?
36
cursor 设置鼠标的样式
值: pointer 小手手 not-allowed 禁止 其他请参考./cursor.html1 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 2930 怎么是你?How are you? 31 怎么老是你?How old are you?32
33 34难受,香菇。你为什么要射这种哇?
35 36 37