CodingSherlock

2018年10月21日

摘要： outline 用法同border一样是浏览器默认的 outline 高亮标记，与 focus 状态以及键盘访问关系密切需要清空输入框元素的outline时，可以使用但是，必须把 focus 态样式加上应用（1）头像裁剪镂空效果（2）自动填满屏幕剩余空间的应用技巧 cursor curs 阅读全文

posted @ 2018-10-21 17:17 CodingSherlock 阅读(166) 评论(0) 推荐(0) 编辑

CSS进阶（二十二）元素显隐

摘要： diaplay:none 如果是<img>，则所有浏览器都会请求资源如果是background-image，则IE会请求，Firefox不会请求，有父元素包裹的且父元素设置display:none的不会请求 display:none并不影响表单提交数据，disabled会影响 H5新增的布尔值属性阅读全文

posted @ 2018-10-21 15:11 CodingSherlock 阅读(248) 评论(0) 推荐(0) 编辑

2018年10月20日

CSS进阶（二十一）background

摘要：隐藏的元素背景图片是否加载 ie8-ie11还是会发送请求 firefox不会 chrome和safari会判断父元素是否display也是none,如果是，则不发送请求。元素本身设置none，则发送请求 background-position 可以是具体数值，也可以是百分比值，还可以是 left、阅读全文

posted @ 2018-10-20 21:49 CodingSherlock 阅读(187) 评论(0) 推荐(0) 编辑

CSS进阶（二十）:first-letter :first-line

摘要： :first-letter 生效的前提（1）display必须是block、inline-block、list-item、tablecell 或者 table-caption （2）字符前面不能有图片或者 inline-block/inline-table 之类的元素存在（3）能够被选中的元素阅读全文

posted @ 2018-10-20 20:24 CodingSherlock 阅读(533) 评论(0) 推荐(0) 编辑

CSS进阶（十九）文本控制

摘要： text-indent 应用（1）使用 text-indent 负值隐藏文本内容，例如网站标头（2）使用text-indent的百分比值来实现宽度已知的内联子元素居中 letter-spacing 应用（1）清除 inline-block 列表由于换行符或者空格产生的空白间隙，使我们的布局控制阅读全文

posted @ 2018-10-20 19:53 CodingSherlock 阅读(255) 评论(0) 推荐(0) 编辑

CSS进阶（十八）@font-face

摘要： font-variant、font-stretch 和 font-featuresettings专门为英文设计 src 如果是使用系统安装字体，则使用 local()功能符；如果是使用外链字体，则使用 url()功能符 font-weight:normal 和 font-style:normal，阅读全文

posted @ 2018-10-20 16:22 CodingSherlock 阅读(242) 评论(0) 推荐(0) 编辑

CSS进阶（十六）font

摘要： [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] font-size 和 font-family 这两个属性需要同时存在注意 font中如果未声命line-heig 阅读全文

posted @ 2018-10-20 15:51 CodingSherlock 阅读(158) 评论(0) 推荐(0) 编辑

CSS进阶（十五）font-weight；font-style;font-variant

摘要： font-weight:400 == font-weight:normal font-weight:700 == font-weight:bold lighter和border的解析规则平时使用的300，400，500时没有显著变化的原因，是缺乏对应字重的字体 font-style 在实际开发的阅读全文

posted @ 2018-10-20 14:51 CodingSherlock 阅读(347) 评论(0) 推荐(0) 编辑

CSS进阶（十四）font-family

摘要： font-family font-family支持字体族及字体名。如果字体名包含空格，需要使用引号包起来。如'Microsoft Yahei'（无衬线字体）等宽字体的实践价值等宽字体利于代码呈现 ch单位与等宽字体布局和 ch 相关的字符是 0，没错，就是阿拉伯数字 0。1ch 表示一个 0 阅读全文

posted @ 2018-10-20 14:38 CodingSherlock 阅读(382) 评论(0) 推荐(0) 编辑

CSS进阶（十三）font-size

摘要： line-height 的数值属性值和百分比值属性值都是相对于 font-size ex是x字符的高度 em 在 CSS 中，1em 的计算值等同于当前元素所在的 font-size 计算值，可以将其想象成当前元素中（如果有）汉字的高度 rem root em CSS3单位 ie9上支持使用s 阅读全文

posted @ 2018-10-20 13:41 CodingSherlock 阅读(549) 评论(0) 推荐(0) 编辑

公告