![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 86
Sir814
码农Style.
展开
-
CSS选择器
1.基础的选择器选择器含义示例*通用元素选择器,匹配任何元素* { margin:0; padding:0; }E标签选择器,匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass选择器,匹配原创 2017-02-09 17:06:30 · 507 阅读 · 0 评论 -
CSS样式大全
字体属性:(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位:PX、P原创 2017-03-09 11:56:08 · 781 阅读 · 0 评论 -
你想要的CSS居中方法大全
前言元素的居中是前端开发中非常普遍的一个需求,实现的方式也很多,这里我简单总结了一下,并画成思维导图,便于记忆。 水平居中行内元素直接使用text-align:center ,效果如下图 代码详见:居中行内元素块级元素一行仅有一个块级元素,直接margin:20px auto 设置左右的margin为auto即可,效果图如下 一行有转载 2017-06-20 08:56:07 · 399 阅读 · 0 评论 -
盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center { margin: auto;转载 2017-07-19 10:22:11 · 391 阅读 · 0 评论 -
CSS编码规范
CSS代码有效性使用有效的CSS代码。可使用W3C CSS validator来验证css。命名class应优先虑以这元素具体目的来进行命名,应尽量简短且富有含义。统一采用小写英文字母、数字、“-” 的组合。其中不得包含汉字、空格和特殊字符。/* 不推荐 */.demoimage {} /* "demo" 和 "image" 中间没加 "-" */转载 2017-08-13 17:40:05 · 557 阅读 · 0 评论 -
自定义浏览器滚动条
windows 下默认的滚动条样式巨丑,项目中又有比较多地方会显示滚动条, 故回头翻了一下CSS3, 还真能不用插件实现自定义滚动条的样式,正合我意代码如下:[css] view plain copy/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 6px; height: 6px; ...转载 2018-02-27 19:53:05 · 206 阅读 · 0 评论 -
Sass与Less区别
Sass与Less区别1、编译环境不一样Sass需要安装Ruby,属于服务端处理,然而Less是需要引入官网提供和的less.js,属于客户端处理。2、变量声明不一样Sass/Scss 使用的是$,而Less使用的是@// Sass$lightColor:#baf;// Less@lightColor:#baf;3、输出格式设置Less无输出格式,Sass可...原创 2018-06-04 22:05:00 · 4373 阅读 · 0 评论