首页 > 开发 > CSS > 正文

CSS技巧汇总:网页制作常用的22个CSS技巧

2024-07-11 09:01:36

字体：大中小

来源：转载

供稿：网友

武林网(www.vevb.com)文章简介：22个必须知道的css技巧。

1、改变选中文字的背景和颜色

2、防止火狐滚动条跳动

html{ overflow-y:scroll; }

3、分页打印

.page-break{ page-break-before:always; }

4、使用!important

.page { background-color:blue !important; background-color:red;}

5、图像替换文字

6、兼容浏览器的最小高度

7、对新窗口打开得链接高亮显示

8、美化li序列号

9、首字下沉

10、兼容浏览器的opacity

11、使用line-height实现垂直居中

line-height:30px;

12、居中布局

13、移除ie文本域的垂直滚动条

14、移动超链接的虚线框

a:active, a:focus{ outline:none; }

15、ie下元素消失，给该元素添加

position:relative;

16、根据链接不一样，添加不一样的icons

17、css手型点击样式

input[type=submit],label,select,.pointer { cursor:pointer; }

18、字母大写

text-transform: capitalize;

19、所有英文大写，且首字母比其他的大

font-variant:small-caps;

20、高亮文本框，不支持ie

21、移除img边框

a img{ border:none; }

22、用label实现无表格表单

上一篇：IE10中的Flexbox布局属性使用具体详解

下一篇：写CSS文件的流程和CSS代码顺序

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注