随笔分类 -  CSS

CSS各种各样
网格线
摘要：html,body { height: 100%;}body { font-size:37.5px;}.error { position: relative;}.error::before { content: ''; position: absolute; top:50%; width: 100% 阅读全文
posted @ 2021-10-28 15:44 424174余 阅读(97) 评论(0) 推荐(0)
css实现网格背景
摘要：https://www.cnblogs.com/laixiangran/p/8999711.html https://www.cnblogs.com/Anita-meng/p/7867662.htmlcss实现网格背景 .content{ width: 100%; height: 100%; bac 阅读全文
posted @ 2020-10-27 17:25 424174余 阅读(548) 评论(0) 推荐(0)
修改video标签自带按钮的默认样式
摘要：原文：https://blog.csdn.net/nicexibeidage/article/details/79637750 这里所说的修改video标签中自带按钮的默认样式，指的是用css就可以控制视频播放按钮的大小等 我们来看一下 video 的内部构造： chrome 下，开发者工具 set 阅读全文
posted @ 2018-07-12 10:32 424174余 阅读(16356) 评论(0) 推荐(0)
关于兼容
摘要：参考 巧用浏览器CSS属性值的不兼容向下兼容hack技巧 效果：IE9+出现边框阴影，IE8-出现边框 IE9+才支持box-shadow。 虽然border所有浏览器都识别，但是rgba色却是IE9+浏览器才支持，于是，我们就可以巧妙利用IE8-浏览器不识别rgba色值这一特性，实现我们的向下兼容 阅读全文
posted @ 2016-12-26 10:48 424174余 阅读(142) 评论(0) 推荐(0)
css之IE透明度
摘要：原文链接：http://caibaojian.com/rgba-filter.html startColorStr和endColorStr的值#80000000 其中前两位是十六进制的透明度80,也就是透明值为0.5。而后面六位是十六进制的颜色#000000(black黑色)。 透明度转换表： 阅读全文
posted @ 2016-08-05 16:25 424174余 阅读(485) 评论(0) 推荐(0)
CSS3选择器:nth-of-type
摘要：碰到了个选择器，:nth-of-type 奇偶另一种方式 p:nth-of-type(2n+1); p:nth-of-type(2n); 与nth-child的区别 :nth-child(2)：选择器匹配属于其父元素的第2个子元素，不论元素的类型。p:nth-child(2)前面加了P，则需要同时满 阅读全文
posted @ 2016-05-09 14:53 424174余 阅读(555) 评论(0) 推荐(0)
CSS命名规范
摘要：DIV+CSS规范命名大全集合 前端人员必看CSS命名规范 整理： 文件名必须由小写字母、数字、中划线组成 1）、所有的命名最好都小写，一律采用小写加中划线的方式，不允许使用大写字母或 _2）、属性的值一定要用双引号("")括起来，且一定要有值，若class=""则最好去掉3）、每个标签都要有开始和 阅读全文
posted @ 2016-05-06 10:34 424174余 阅读(181) 评论(0) 推荐(0)
关于line-height
摘要：line-height不允许负值，给定值之后会根据font-size计算行高，line-height指定的行高是行高最小值，设置height可以增大行高line-height的计算：以px为例，line-height减font-size再除以二，即为font的上下间距normal的情况为默认值，浏览 阅读全文
posted @ 2016-04-29 14:58 424174余 阅读(302) 评论(0) 推荐(0)
CSS基础知识--font
摘要：不吐不快啊！！！！ 上午测试还好好的，下午再写一次准备发出来就出错了！！ 传说中程序媛三大错觉：我肯定没错，刚才还好好的，一定是有人改了我代码。。 我的口头禅都快变成“刚刚还好好的”了！ 事情是这样的，我在#myspan{font-size:18px;background:red}前面弄了空格，一直 阅读全文
posted @ 2015-11-27 15:04 424174余 阅读(201) 评论(0) 推荐(0)
CSS基础知识--浮动
摘要：无浮动 其中图片高度180px，此时li的高度alert为183。↑↑↑↑↑ 接下来，在li中加上float属性：↓↓↓↓↓ 此时li的高度alert为180。↑↑↑↑↑ 接下来，在img中加上float属性：↓↓↓↓↓ 此时li的高度alert为0。↑↑↑↑↑ dispaly:inline-blo 阅读全文
posted @ 2015-11-26 14:19 424174余 阅读(232) 评论(0) 推荐(0)
关于气泡对话框--未完
摘要：进度好慢~~~~(>_border:5pxborder:5pxborder:10pxborder:15px中间的空白部分即为宽高为10px的testtest的宽高设为0后border:15px----------------------边框法实现底部90度尖角对话框-----------------... 阅读全文
posted @ 2015-11-25 16:39 424174余 阅读(175) 评论(0) 推荐(0)
CSS基础知识--position
摘要：http://blog.csdn.net/libertea/article/details/11662661 position:relative：生成相对定位的元素，相对于其正常位置进行定位。 top:-20px：距离top-20px left:50px：距离左边50px，跟左边拉开距离50px，向 阅读全文
posted @ 2015-11-24 14:44 424174余 阅读(174) 评论(0) 推荐(0)
CSS基础知识真难啊
摘要：CSS层叠样式表Cascading Style Sheets CSS派生选择器（上下文选择器）： 后代选择器：h1 strong {color:red;}第一个参数和第二个参数之间的代数是可以无限的 子元素选择器：h1 > strong {color:red;}只会选择某个元素的子元素，而不会扩大到 阅读全文
posted @ 2015-11-24 11:04 424174余 阅读(242) 评论(0) 推荐(0)
css优化
摘要：>>.li设置了display:inline-block，会有空隙，可在父元素ul下设置font-size:0 >>.ie下不支持margin:0 auto; >>.hide() 和.css("display","none")有什么区别？ ——目前理解，.hide()可以加时间 网络上有提及visi 阅读全文
posted @ 2015-10-27 17:24 424174余 阅读(159) 评论(0) 推荐(0)