<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
654阅读
去掉链接点击虚线：/**去掉点击的虚线**/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阅读
image.png.tl-title2{ border-left: 3px solid #fff; padding-left: 7px; font-size: 15px; font-weight: bold; color: #fff;}<div class="tl-title2">活动说明</div> <p>高
原创
2022-07-13 22:43:40
142阅读
使用CSS复位css复位可以在不同的浏览器上保持一致的样式风格，可以使用css reset库的Normalize等，也可使用更简化的复位方法：* { box-sizing: border-box; margin: 0; padding: 0;}现在元素margin和padding为0，box-sizing可以设置css盒模型布局。继承box-sizing从html元素继承box-siz
转载
2021-06-01 11:38:09
214阅读
CSS高级
技巧CSS用户界面样式所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 防止表单域拖拽鼠标样式cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。<ul> <li style="cursor:default">我是小白<...
原创
2021-09-02 09:50:04
157阅读
CSS高级技巧:使用 :not() 在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的 nth-child 选择项目对图标使用SVG优化显示文本对纯CSS滑块使用 max-height继承 box-sizing表格单元格等宽用Flexbox摆脱外边距的各种hack使用属性选择器用于空链接使用 :not() 在菜单上应用/取消应用边框先给每一
原创
2016-02-22 20:38:27
164阅读
只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显
原创
2023-10-09 11:15:05
100阅读
<div id="shizijia"></div>
#shizijia {
margin-left:80px;
background:blue;
height:130px;
position:relative;
width:18px;
}
#shizijia:after {
background:green;
content: "";
h
原创
2023-10-05 10:01:13
140阅读
外边距折叠比如如下代码最终结果是外边距30px 而不是50px为了避免折叠通常
原创
2022-08-19 11:26:44
86阅读
