随笔分类 -  前端 css

CSS----调试常见小知识
摘要：flex布局：https://www.runoob.com/bootstrap4/bootstrap4-flex.html http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 1.超出div的内容隐藏 overflow:hidden 2. 阅读全文
posted @ 2019-11-29 15:06 小名的同学 阅读(140) 评论(0) 推荐(0)
CSS----精灵图
摘要：1、引入css .bank { background: url("../images/bank_list.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 32px; width: 140 阅读全文
posted @ 2019-10-31 15:56 小名的同学 阅读(179) 评论(0) 推荐(0)
CSS----css预处理器
摘要：表现层（CSS） CSS 层叠样式表是一门标记语言，并不是编程语言，因此不可以自定义变量，不可以引用等，换句话说就是不具备任何语法支持，它主要缺陷如下： 语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器； 没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式 阅读全文
posted @ 2019-06-24 19:00 小名的同学 阅读(4964) 评论(0) 推荐(1)
CSS----!important
摘要：强制样式转换 无论之前的h1之前的样式是什么，直接转换 h1{ color: #000 !important; } 阅读全文
posted @ 2019-05-04 14:54 小名的同学 阅读(157) 评论(0) 推荐(0)
CSS----媒体查询
摘要：1、设置Meta标签 width = device-width：宽度等于当前设备的宽度 initial-scale：初始的缩放比例（默认设置为1.0） minimum-scale：允许用户缩放到的最小比例（默认设置为1.0） maximum-scale：允许用户缩放到的最大比例（默认设置为1.0） 阅读全文
posted @ 2019-05-04 11:50 小名的同学 阅读(248) 评论(0) 推荐(0)
CSS----布局不理解
摘要：正常情况 正常显示 如果往div标签中添加汉字 出现显示(不理解) 解决方式 加上vertical-align:top 阅读全文
posted @ 2019-03-28 10:01 小名的同学 阅读(116) 评论(0) 推荐(0)
CSS----注释的坑
摘要：css 中 style 注释 需要用 /* */ 第一种方法注释，结果是不正确的，css布局会出现问题 第二种方式注释正确，布局不会出现问题 阅读全文
posted @ 2019-03-28 09:39 小名的同学 阅读(203) 评论(0) 推荐(0)
CSS----布局注意事项
摘要：1.当div标签中含有子标签，如果div标签的大小是被div中的子标签撑起来的，那么可能布局(之后)可能就会出现问题(if 父级div中没有border，padding，inlinecontent，子级div的margin会一直向上找，直到找到某个标签包括border，padding，inline 阅读全文
posted @ 2019-03-14 14:23 小名的同学 阅读(218) 评论(0) 推荐(0)
CSS----选择器
摘要：css选择器： 组合选择器 1.后代选择器 (不分层级，只让p标签变色) .c2 p{color:red} 2.子代选择器（只在儿子层找） .c2>p{color:red} 3.多元素选择器：同时匹配所有指定的元素 .div,p{color:red} 或者 .c2 .c3,.c2~.c3{ } 不常 阅读全文
posted @ 2019-03-14 10:36 小名的同学 阅读(223) 评论(0) 推荐(0)