<br />CSS技巧<br />1.div的垂直居中问题<br />vertical-align:middle; 将行距增加到和整个DIV一样高 line-he
转载
2023-05-10 21:38:11
147阅读
原文地址：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阅读
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评论
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看常用CSS缩写语法总结，这里就不展开描述。
二.明确定义单位，除非值为0
忘 记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比 如：width:100px width:100em。只有两个例外情况可以不定义单位
原创
2012-07-09 17:42:46
516阅读
关键字: CSS, WebWebcredible上列出了不少关于CSS使用语法上的小技巧，还是比较实用的。以前很多东西只知道要这么写，可很少去考虑为什么。看来用CSS能做的事情远远比自己所了解的要多。1. CSS字体定义简写规则一般的写法会是这样：font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em
转载
2021-08-10 10:08:09
105阅读
一.使用css缩写
引用内容
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1；property:value1 value2; 表示top和
转载
2021-08-10 10:15:58
135阅读
去掉链接点击虚线：/**去掉点击的虚线**/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阅读
