<br />CSS技巧<br />1.div的垂直居中问题<br />vertical-align:middle; 将行距增加到和整个DIV一样高 line-he
转载
2023-05-10 21:38:11
147阅读
编写好的CSS代码，有助提升页面的渲染速度。本质上，引擎需要解析的CSS规则越少，性能越好。MDN上将CSS选择符归类成四个主要类别，如下所示，性能依次降低。
1.ID 规则
2.Class 规则
3.标签规则
4.通用规则
对效率的普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始，虽然该书中罗列的更加详细，但你也可以在这里查看完整的引用列表，也可以
转载
2021-08-13 20:01:02
324阅读
原文地址：http://www.cnblogs.com/pittzh/archive/2009/07/23/1529769.html不同的浏览器，比如Internet Explorer 6，Internet Explorer 7，Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
转载
精选
2015-08-27 10:44:44
650阅读
去掉链接点击虚线：/**去掉点击的虚线**/a{blur:expression(this.blur());}/*针对 IE*/a { outline:none; } /*针对firefox等*/
原创
2012-08-10 17:02:56
780阅读
1.文字在垂直方向居中===》 line-height = 元素高度 ps:文字内容不能超过元素的宽度，即不能换行。2.ID==》标识唯一元素 Class===》标识一类元素 每个标签元素可以赋予多个Class3.常用命名规范 导航：nav 侧栏：sidebar 栏目：column &nbs
原创
2016-05-07 15:20:39
438阅读
1、DIV内图片文字水平对齐（1）图片和文字各放入独立的块级容器。然后以padding-top或margin-top来控制。（2）对图片添加样式vertical-align:middle;如：<div><img src="url" style="vertical-align:middle;" />文字</div>（3）.把图片作为背景：如果你的图片只是用来作为小
原创
2016-07-29 09:25:53
876阅读
1. 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
原创
2018-01-25 17:13:08
898阅读
点赞
本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。 总结进行学习，并分享给同样编写HTML5的朋友。
转载
2021-06-01 11:38:57
154阅读
指定区域范围内超出显示省略号 overflow: hidden; text-overflow: ellipsis;/*超出部分显示省略号*/ white-space:nowrap;/*文本不进行换行*/
原创
2021-06-09 17:07:36
308阅读
所有浏览器 通用 （市面上主要用到的IE6 IE7 FF）height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;一、CSS 兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推荐，用下面的一种感觉最安全)...
转载
2010-07-01 02:28:00
109阅读
2评论
1、-webkit-font-smoothing 字体锯齿 div { -webkit-font-smoothing: antialiased; } 2、css实现不换行、自动换行、强制换行 //不换行 white-space:nowrap; //自动换行 word-wrap: break-word
原创
2021-12-28 14:24:17
73阅读
https://github.com/chokcoco/iCSS
转载
2022-03-02 14:19:13
62阅读
速度，出现了CSS精灵技术，也称 css sprite， css雪碧。把压缩包里面的selection.json 重新上传，然后选取自己想要的图标，重新下载压缩包，并替换原来的文件即可。如果在工作中，原来的字体图标不够用了，我们需要添加新的字体图标到原来的字体文件中。
原创
2023-07-06 15:54:13
38阅读
一.组选择器(Group selectors)
当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。
例如：定义所有标题的字体、颜色和margin，你可以这样写：
h1,h2,h3,h4,h5,h6 {
font-family:Lucida Grande,Lucida,Arial,Helvetica,sans-s
原创
2012-07-09 17:43:19
633阅读
CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices
Advertisment
The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of vis
转载
精选
2012-03-19 13:48:46
1730阅读
指定区域范围内超出显示省略号 overflow: hidden; text-overflow: ellipsis;/*超出部分显示省略号*/ white-space:nowrap;/*文本不进行换行*/
原创
2022-03-04 19:11:22
136阅读
一 元素的显示与隐藏 1）display实现 display:none; //隐藏元素display:block; //显示元素display:block; 不光有转换块元素的功能，还有显示的功能特点：隐藏元素 不保留位置 2）visibility实现 visibility [ˌvɪzəˈbɪlət
转载
2021-01-28 10:42:00
137阅读
2评论
精灵图 为什么需要精灵图 精灵图的使用 字体图标 字体图标的产生 字体图标的优点 三角 CSS用户界面样式 鼠标样式cursor 轮廓线outline 防止拖拽文本域resize vertical-aling属性应用 图片底侧默认空白空隙问题 溢出文字省略技巧 单行文本溢出 多行文本溢出 常见布局技 ...
转载
2021-08-09 17:56:00
202阅读
2评论
一、单位和值 1.1 颜色值 在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法： 2、RGB颜色 这个与 photoshop 中的
转载
2016-06-07 13:23:00
97阅读
2评论
1.黑白图像img.desaturate{filter:grayscale(100%);webkitfilter:grayscale(100%);mozfilter:grayscale(100%);msfilter:grayscale(100%);ofilter:grayscale(100%);}2.使用:not()在菜单上应用/取消应用边框如果不使用:not()我们需要先给每一个菜单项添加边框，
原创
2022-10-19 17:09:07
154阅读
2评论
