![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 83
救护用的垃圾车
这个作者很懒,什么都没留下…
展开
-
CSS - table超出父级div
用到div包裹table的布局,想要的效果是table的宽度等于div宽度,超出内容省略号显示。听起来很简单啊,设置table宽度为100%,省略号三行代码往上一粘,心想着大功告成。but!!!!页面效果发现其中一行数据较长,导致table其实是超出了父级div。原因查资料后发现原来table有不一样的默认样式table-layout,它的值是这样的:值描述autom...原创 2019-12-06 15:02:02 · 7597 阅读 · 1 评论 -
CSS小练习之鼠标hover图片特效
深夜小练习涉及知识点:position:relative;/相对定位 只给定位不给值的时候 对元素本身没有任何影响background-size:cover;/cover 等比例的放大缩小图片 直到占满盒子ul li:before,ul li:after/伪元素 通过样式给元素添加内容/position:absolute;/绝对定位 相对于已经定位的父元素 脱离文档流...原创 2018-06-24 00:03:42 · 2780 阅读 · 0 评论 -
CSS选择器
今天用到选择器,有些老是记不住或者混乱,再一次搜了阮一峰老师CSS选择器笔记看 看了好多次已经,还是决定还是自己手动写一写过一遍比较好以下均为具体的例子举例基础选择器 *(通用元素选择器,匹配任何元素)div (标签选择器,匹配所有对应的div元素).info(class选择器,匹配所有的class包含info的元素)#info(id选择器,匹配id=‘info’的元素)...原创 2018-07-09 18:25:37 · 328 阅读 · 0 评论 -
CSS命名规范和常见命名
命名规范以字母开头 必须以字母开头命名选择器,这样可以保证所有浏览器都兼容;不允许单个字母的类选择器出现;不允许带有广告等英文的单词,如ad、adv、adver、advertising等,防止该模块被浏览器当成垃圾广告过滤掉;全小写,并用“-”连字符 下划线”_”禁止出现在class命名中,统一使用“-”连字符;禁止驼峰式命名;不要出现-数字连接;常见命名网页外层重...原创 2018-07-07 16:44:42 · 385 阅读 · 0 评论 -
css居中方法
左右居中 { width:100px; /* 给定宽度 */ margin:0 auto; }水平和垂直均居中 /* 绝对定位结合margin */ { position:absolate; width:100px; /* 需要给定宽高 */ height:100px; top:50%; /* 上下定位父级的一半 */ left:50%; marg...原创 2018-11-27 15:50:11 · 183 阅读 · 0 评论