css3
CS逍遥剑仙
孙府藏俊龙,剑出威四方,峰尖笑沧桑,情满散天下。
展开
-
彻底弄懂CSS优先级规则
彻底弄懂CSS优先级规则文章目录彻底弄懂CSS优先级规则1. css继承 & 距离1.1 css继承距离优先1.2 非继承的平级css距离无关,取决于加载顺序2. 单个选择器 & 优先级关系链2.1 demo1 — 优先级关系链应用2.2 demo2 — 基于形式的优先级3. 选择器组合 & 优先级计算4. !important 强行改变优先级Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyao原创 2020-05-30 12:13:43 · 751 阅读 · 0 评论 -
WebStudy00_HTML+CSS
WebStudy00_HTML+CSS前端学习WebStudy系列(00~06)的总结写在代码注释中代码上传在github中,链接 https://github.com/csxiaoyaojianxian原创 2017-05-09 20:49:10 · 475 阅读 · 0 评论 -
WebStudy03_HTML5+CSS3
WebStudy03_HTML5+CSS3前端学习WebStudy系列(00~06)的总结写在代码注释中代码上传在github中,链接 https://github.com/csxiaoyaojianxian原创 2017-05-09 20:50:16 · 316 阅读 · 0 评论 -
解决img父元素高度多出3px
解决img父元素高度多出3px1 现象 当div / a……中包含img时,父元素的高度比img图片的高度多出3px<div> <img src=" "><div> 结果运行之后发现,不管是在移动端还是pc端,都会出现这种问题。刚开始以为是父元素初始化了margin和padding的原因,排查css无果,又怀疑是html空格的原因,把html改成<div><img src=" "/><原创 2017-05-09 21:52:53 · 1614 阅读 · 0 评论 -
不定宽高div水平垂直居中(兼容ie6)
不定宽高div水平垂直居中(兼容ie6)不定宽高div水平垂直居中解决方法有很多,JS是最能够确保各种浏览器中一致性的,但是仍然可以使用CSS的方式来解决。1. 水平居中 margin:0 auto; 是最常用的让DIV容器居中的方法。margin作用于块级元素,而是否作用于其他内联元素因浏览器不同而不同,此处可能为内联元素,所以避免使用。 text-align:center; 可以让绝大原创 2017-05-10 00:50:49 · 2594 阅读 · 0 评论 -
LESS 学习demo
LESS 学习demo github: https://github.com/csxiaoyaojianxian/Html5Study by CS逍遥剑仙 www.csxiaoyao.com1 工具koalaless.min.js2 demo 目录结构01-嵌套与命名空间less.min.js 的引入字符集注释引入嵌套命名空间作用域02-变量(variables原创 2017-08-10 12:27:35 · 642 阅读 · 0 评论 -
web移动端适配方案实践
web移动端适配方案实践文章目录web移动端适配方案实践1. Step1: 单位选择rem2. Step2: 消除DPR差异3. Step3: 动态设置 html 标签根字体大小4. Step4: 将设计图中的尺寸换算成 rem5. Step5: 媒体查询设置body字体大小6. 其他6.1 特殊css处理6.2 IE默认使用最高版本7. 总结Write By CS逍遥剑仙我的主页: ww...原创 2019-09-05 10:27:08 · 394 阅读 · 0 评论