css
卯野芽衣子
这个作者很懒,什么都没留下…
展开
-
什么鬼,又不知道怎么命名class了
添加微信交流群(需加微信拉您进入)前言前端几大难之一就是样式的命名!今天分享的这个问题,你曾经肯定困惑过~正文从这开始~相信写css的人都会遇到下面的问题:1)糟糕,怎么命名这个class,好像不太贴切,要是冲突了怎么办,要不要设计成通用一点...2)而改别人css代码的时候则会一直有个疑问:这个class到底是只在这个地方用了,还是其他地方都用了?于是就有了下面的做法:3...转载 2015-11-09 15:52:21 · 496 阅读 · 0 评论 -
CSS3的calc()使用
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。今天花了一...转载 2016-09-13 16:31:53 · 366 阅读 · 0 评论 -
CSS中的“>”与"+"的意思
1.A>B 表示选择A元素的所有子B元素2.A+B表示HTML中紧随A的B元素:用一个结合符只能选择两个相邻兄弟中的第二个元素li + li {font-weight:bold;}上面这个选择器只会把列表中的第二个及后面的变为粗体。第一个列表项不受影响。原创 2016-09-10 16:32:13 · 1488 阅读 · 0 评论 -
HTML 5 placeholder 改变字体颜色
input::-webkit-input-placeholder { color: #bdbdbd !important; } input:-moz-placeholder { color: #bdbdbd !important; } input::-moz-placeholder { color: #bdbdbd !important; } input:-ms-input-place...原创 2016-08-01 15:42:43 · 327 阅读 · 0 评论 -
多行文本超出以省略符显示
.first{ display: block; width: 100%; font-size:14px; line-height:20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}添加微信交流...原创 2016-05-18 15:02:11 · 364 阅读 · 0 评论 -
li 排列不错位
li{display:inline-block;width:31%;margin:50px 1% 0px;vertical-align:top;}原创 2016-02-29 14:52:47 · 260 阅读 · 0 评论 -
CSS浏览器兼容性常见问题总结
添加微信交流群(需加微信拉您进入)浏览器的兼容性问题,通常是因为不同的浏览器对同一段代码有不同的解析,造成页面显示不统一的情况。这里谈到的浏览器,主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争。一、CSS HACK的方法专用符号:(代码的顺序一定不能颠倒了)所有浏览器 通用 ...原创 2016-02-01 16:51:01 · 622 阅读 · 0 评论 -
inline-block与float
一、使用inline-block代替float使用float的时候,有时有清除浮动等的问题,弄起来有点麻烦。inline-block这个属性可以模拟部分浮动的特征,而且不需要处理一些浮动带来的问题。inline-block是什么?inline-block兼并行内元素和块级元素的特征。块级元素(block):包含width,height,margin,padding,border,他...原创 2016-02-02 15:03:34 · 713 阅读 · 0 评论 -
网页中文字体设置
一、操作系统自带的字体:Windows操作系统:黑体:SimHei宋体:SimSun新宋体:NSimSun仿宋:FangSong楷体:KaiTi仿宋GB2312:FangSongGB2312楷体GB2312:KaiTiGB2312微软雅黑:Microsoft YaHei (Windows 7开始提供)OS X操作系统:冬青黑体: Hiragi原创 2015-12-15 17:02:33 · 856 阅读 · 0 评论 -
CSS书写顺序
以前一直以为css代码,没什么可优化之处,直到前几天看到一篇文章,用良好的CSS书写习惯来写CSS代码,这样会提高代码的阅读体验。CSS书写顺序1.位置属性(position, top, right, z-index, display, float, clear等)2.大小(width, height, padding, margin)3.文字系列(font, line原创 2015-12-14 14:32:52 · 385 阅读 · 0 评论 -
overflow:hidden;清除浮动
html代码<div class="header"><h2>进口零食速食</h2><ul class="links"><li><a href="javascript:void(0)">进口巧克力</a></li>&a原创 2015-11-23 11:24:57 · 260 阅读 · 0 评论 -
target="_blank"和target="_black"
target="_blank"每次点击一次都打开新的窗口; target="_black"当新标签已经打开了,点击第二次就不会再打开新标签了,而是刷新之前的那个标签;target标准属性没有blank这个值 添加微信交流群(需加微信拉您进入)...原创 2016-08-09 16:07:40 · 6116 阅读 · 0 评论