随笔分类 -  CSS

开发笔记
CSS-基础优化策略
摘要：CSS特性 1、渲染优先级 !important > 行内样式（权重1000） > ID 选择器（权重 100） > 类选择器（权重 10） > 标签（权重1） > 通配符 > 继承 > 浏览器默认属性 2、继承性 继承得到的样式的优先级是最低的，在任何时候，只要元素本身有同属性的样式定义，就可以覆 阅读全文
posted @ 2020-03-18 11:54 yangchin9 阅读(315) 评论(0) 推荐(0) 编辑
CSS-透明背景色兼容
摘要：IE 不支持透明背景色 使用fileter 阅读全文
posted @ 2019-07-31 23:06 yangchin9 阅读(1220) 评论(0) 推荐(0) 编辑
CSS-文本溢出省略号表示
摘要：前提条件是所引用的元素是块级元素，因为使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端 单行溢出处理： 多行溢出处理： 阅读全文
posted @ 2019-07-17 09:49 yangchin9 阅读(14597) 评论(1) 推荐(1) 编辑
CSS-禁止文本被选中
摘要：pc端： 移动： js方法： 在需要禁止的dom上添加这段代码，两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用，对于安卓和IOS可以起到禁止作用。 阅读全文
posted @ 2019-05-22 11:22 yangchin9 阅读(15577) 评论(0) 推荐(1) 编辑
CSS-复选框默认样式修改
摘要：在css文件中添加如下代码 阅读全文
posted @ 2019-05-20 15:43 yangchin9 阅读(760) 评论(0) 推荐(0) 编辑
CSS-自适应网页使用@media和rem
摘要：@media 查询 @media 媒体查询选择性加载css，意思是自动探测屏幕宽度，然后加载相应的CSS文件。可以针对不同的屏幕尺寸设置不同的样式，特别是需要设置设计响应式的页面，@media 是个不错的选择 用法： @media 设备类型 and (设备特性-宽度) { // css 样式　} / 阅读全文
posted @ 2019-04-27 22:38 yangchin9 阅读(1262) 评论(0) 推荐(0) 编辑
CSS-强制换行
摘要：word-break:break-all 和 word-wrap:break-word 都是能使其容器如DIV的内容自动换行。区别：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等）， 阅读全文
posted @ 2019-01-29 16:36 yangchin9 编辑