一.文本相关样式
text-align: left;左对齐
text-align: center;水平居中
text-align: right;右对齐
text-align: justify;两端对齐
text-indent: 2em;首行缩进
text-indent: -2em;首行悬挂
text-decoration: overline;上划线
text-decoration: line-through;中划线
text-decoration: underline;下划线
text-decoration: none;无修饰(去线)
text-transform: uppercase;全大写
text-transform: lowercase;全小写
text-transform: capitalize;每一个单词首字母大写
letter-spacing: 10px;字符之间的距离(也能为负)
word-spacing: 10px;单词之间的距离(也能为负)
单行省略标记
white-space:nowrap 不换行
overflow:hidden 内容溢出隐藏overflow: scroll; 显示滚动条
overflow:visible;默认 溢出部分可见
overflow: auto;浏览器自动处理
text-overflow:ellipsis 文本溢出显示省略标记
二.选择器(补充)
1 通配符选择器 权重0.5
*{
样式属性名:属性值
}
2 分组选择器
选择器E,选择器F{
样式属性名:属性值
}
三.属性补充
1.border:1px solid #00FFFF
css属性 边框单位 实线 颜色
2.vertical-align:设置一个元素的垂直对齐方式
重点记住top 和 bottom
四.盒子模型*
1.标准型盒子 w3c标准
即盒子大小=width+padding+border
width和height只定义内容大小
2.怪异盒子(ie盒子)
width height定义盒子大小
五.伪类
a:link{
color: yellow;
}
未访问状态
a:visited{
color: #000000;
}
访问后的状态
a:hover{
color: #0000FF;
}
鼠标悬停状态
a:active{
color: #FF0000;
}
此处的a为一个超链接标签
LVHA 爱恨原则