id选择器只能调用一次,不得重复;类选择器可多次调用。
font-family属性
各个字体之间用英文逗号隔开
字体名称是多个单词或中文的,加引号
font复合属性
font:font-style font-weight font-size/line-height font-family
text-decoration文本装饰
none:默认(没有装饰值)
underline:下划线(链接a自带下划线)
overline:上划线
line-delete:删除线
text-indent文本缩进
单位是px或者em
链接伪类选择器:(要按照下方顺序进行声明)
a:link -->选择未访问过的链接
a:visited -->选择访问过的链接
a:hover -->选择鼠标经过的链接
a:active -->选择鼠标按下且还未弹起的链接
:focus伪类选择器(一般在input类表单元素才能获取)
input:focus -->选取获得焦点的表单元素
background-repeat:背景平铺
repeat:在横向纵向上都平铺(默认)
no-repeat:背景图片不平铺
repeat-x:背景图片横向平铺
repeat-y:背景图片纵向平铺
background-position:背景位置
参数是方位名词(top、bottom、left、right)
1.两个参数都是方位名词,前后顺序无关
2.只指定了一个方位名词,则第二个值默认center
background:背景颜色 图片地址 背景平铺 图像滚动 图片位置
清除浮动
额外标签:在最后一个浮动的盒子后加上<div style="clear:both"></div>或<br />
注,新加上的标签必须是块级标签
父元素overflow:在父元素加上overflow:hidden
:after伪元素法:在父元素上添加
.box:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .box { /* IE7、8专有 */ *zoom: 1; }
overflow:对溢出部分进行处理
hidden:溢出部分隐藏
visible:溢出部分显示
auto:超出会出现滚动条
scroll:显示滚动条
可以对x轴和y轴进行不同的操作:overflow-x、overflow-y
.box:hover .son
指的是当鼠标经过box盒子时,son盒子做出反应
cursor:鼠标样式
在对象盒子的css上加上cursor:pointer;
属性:
pointer:小手
default:小白,默认
move:移动
text:文本
not-allowed:禁止
单行文字溢出用省略号表示
1、禁止文字自动换行
white-space:nowrap(默认自动换行normal)
2、将溢出部分隐藏
overflow:hidden
3、文字溢出时用省略号表示
text-overflow:ellipsis
旋转中心点设置:trantransform-origin