css其他内容

标签：ott   标签   css   隐藏   针对   res   one   居中   default   

默认设置
list-style none；
margin ：0；
padding ： 0；

1. 格式化所有标签
将标签的间距重置为0
body p h1 h2 h3 h4 h5 h6 ul dl dt form input {
margin : 0 ;
padding : 0 ;
}
ul{
list-style ：none;
}
a{
text-decoration : none ;
}
em{
font-style : normal ;
}
img{
border : 0px ;
}

cursor 鼠标样式

属性
1. pointer 小手
2. text 文本 样式
3. move 十字架移动样式
4. default 默认的小箭头样式

outline 轮廓线
在表单的输入框 那个框是轮廓线
outline ： none ； 取消轮廓线

resize ： none 文本框防止拖拽

vertical-align 垂直对齐

针对行内元素和行内块元素
块元素本身是没有行高

vertical-align : center 垂直居中
top 顶部对齐
baseline 基线对线
bottom 底部对齐

图片的vertical-align 属性默认baseline
图片和基线对齐 会让图片底部有几个空白

行内元素有行高会导致有空白
有两个处理方法
1. 对齐方式 vertical-align 属性为bottom ....
2. 把图片转化为块

white-space 设置和检索文本的显示方式

属性
white-space ：nowrap ： 超出元素 强制一行显示所有文本
overflow ：hidden 超出隐藏 就会显示一半 ...
text-overflow ： elipsis 超出部分会显示省略号

做这个效果 三个都要写
1. 强制一行显示所有文本
2. 超出隐藏
3. 超出部分显示省略号

精灵图
为了减轻服务器的压力 减少请求次数
把很多图片 做成一张大图 使用时只需要请求一次 就可以了
做背景的时候使用 产品不这么用

backgroud-position 定位

缺点 改一次非常费劲

滑动门
a 里面 包 span

css其他内容

标签：ott   标签   css   隐藏   针对   res   one   居中   default   

原文地址：https://www.cnblogs.com/fuyi2345/p/11391752.html