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将经典移动菜单文本从“转到”更改为其他内容。

css其他内容

CSS Float 内容创建空白并重叠其他 div

使用 WSPBuilder 将 JavaScript、CSS 和其他内容添加到 WebPart

CSS网格区域根据内容推动其他区域不在适当位置

css 仅限图像的弹出优惠券。添加此CSS代码将隐藏优惠券的其他元素,并将自定义内容扩展为全宽。