css其他内容
Posted fuyi2345
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css其他内容相关的知识,希望对你有一定的参考价值。
默认设置
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其他内容的主要内容,如果未能解决你的问题,请参考以下文章
css 使用css将经典移动菜单文本从“转到”更改为其他内容。