CSS
css是英文Cascading Style Sheets的缩写是一种用来表现HTML或XML等文件样式的计算机语言,用来控制网页内容的外观
- css中 一个冒号和两个冒号的区别双冒号是在css3规范中引入的，用于区分伪类和伪元素一个冒号：伪类以下是w3c上列出的伪类伪类W3C：W3C列指示出该属性在哪个CSS版本中定义（CSS1还是CSS2）。属性描述CSS:active向被激活的元素添加样式。1:focus向拥有键盘输入焦点的元
- css组合选择器、伪选择器1、分组选择器p,b,i，span{}此种方式选择器是p,b,i,span这些元素使用此样式组。2后代选择器pb选中方式是p下面的b元素，不会在乎深度3.子选择器ul>li只能是孩子元素。4相邻兄弟选择器p+b5普通兄弟选择器p~b伪选择器前加两个：：伪类选择器前加：1、块级
- css度量单位1、绝对长度，我们用的少，不关心2、相对长度em-与元素字号相关，rem与根元素的字号挂钩px-像素%-相对另一值的百分比宽度%是其父元素基准
- 为sublime text 添加SASS语法高亮为sublimetext添加SASS语法高亮sublimetext默认是不带sass语法高亮的1.下载sublimeSCSS语法高亮包 “点击下载”2.将下载下来的文件包解压。3.打开sublime安装目录下的Packages目录4.将包放入打开的目录，重启sublime即可。
- CSS十问——好奇心+刨根问底=CSSer第一问：当margin的值为百分比形式时，为什么浏览器会根据父容器宽度得出计算值？假如有一个父容器宽度400px，高度600px，其子元素设置margin:20%20%后的计算值应该为“margin:120px80px”还是“margin:80px80px”呢？按照那篇博客中的理论，第二个是正确答案。但是在今天这篇文章中，我给出的答案是第一个肯定错，第二个也不一定对。一个符合W3C标
- 完整css选择器总结css各种选择器总结
- scss 数学运算，加减乘除运算scss简单数学运算
- sass的安装首先到ruby官网http://rubyinstaller.org/downloads安装ruby。安装过程中请注意勾选AddRubyexecutablestoyourPATH添加到系统环境变量。运行CMD输入以下命令：ruby-v，检测是否安装成功，若安装成功会打印相关版本信息。如：ruby2.3.3p222(2016-11-21revision56859)[x64-mi
- SASS 笔记内容来自sass语法总结scss和sass语法的相互转换#ConvertSasstoSCSS$sass-convertstyle.sassstyle.scss#ConvertSCSStoSass$sass-convertstyle.scssstyle.sass编译命令行编译#单文件sass--watchinput.scss:output.css#多文件
- CSS网页布局心得（样式优先级，块级元素，内联元素，display，position，float）文章涉及的知识点：CSS，样式优先级，块级元素，内联元素，display，position，float
- css水平垂直居中再次总结一下css水平垂直居中问题在css中，进行水平居中非常简单：若是行内元素，就对其父元素设置text-align：center；若是块级元素，自身设置margin：auto；即可。垂直居中比较复杂。下面详细叙述几种常见的比较好的用法，对于过去的比较老的用法不再总结
- DIV 全屏方式相当于F11的全屏效果，可以将某个DIV全屏显示代码：获取对象：varelement=$('#DivLocker').context.getElementById('fullId');设置高度宽度：element.style.height='100%';element.style.width='100%';设置全屏//mozillaproposalelement.requestF
- CSS布局 -- 圣杯布局 & 双飞翼布局圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。但在这里实现起来还是有一些区别的 【圣杯布局】在这里，实现了左(200px)右(220px)宽度固定，中间自适应，container部分高度保持一致。
- css 超过指定高度出现滚动条笔记height:310px;line-height:100px;overflow:auto;overflow-x:hidden;
- 纯css 制作音谱跳动效果在一个网站上看到“直播中”的提示标题，有趣的是文字之前有一个图表，是一个上下跳动的类似于音乐的效果，起初笔者以为是一个gif图片，准备保存下来留用。但审查元素之后发现这是通过CSS3纯代码实现的，顿时觉得很强大，于是就扒下代码研究了一番。通过CSS3新增的动画属性animation，经过一番配置之后可以得到类似音乐频谱跳动的效果。查看demo效果 DEMO如果只是作为一个“图
- css sticky footer布局使用场景：如果页面内容不够长时，内容块粘贴在视窗底部；如果内容足够长，页面块会被内容向下推送。比如：叉号按钮定位在底部固定的套路：包括两个层：内容的包装器，定在底部的层。/*所有clearfix写法均是如此，作用：清除浮动*/.clearfix{display:inline-block;}.clearfix::after{
- 使用CSS绝对定位实现块状元素自适应居中元素居中这是前端开发中最常见的任务之一，对于行内元素，我们可以对父元素使用text-align:center;属性来轻松处理；对于块状元素，想必用的最多的就是对其使用margin:0auto;这个属性了吧。但是这个居中方法在某些特定的情况下并不理想。比如我们在处理一个全屏banner的时候，利用一张高清大图作为背景，在图片上方布置文字或者其他元素来实现高端大气的效果。
- Normalize.css简书简介Normalize.css只是一个很小的css文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的cssreset，Normalize.css是一种现代的，为HTML5准备的优质替代方案。Normalize.css现在已经被用于TwitterBootstrap，HTML5Boilerplate，GOV.UK，Rdio，CSSTricks以及许许多多其
- 文字超过div用省略号文字超过div用省略号
- CSS:line-height:150%与line-height:1.5的真正区别是什么？作者：知乎用户链接：https://www.zhihu.com/question/20394889/answer/18436957来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。代码：父元素内容Web前端开发line-height行高问题下图是当line-height:150%的效果，父元素的行高为150
- 网页排版 5个CSS基础本文给大家介绍在文章的排版中经常会用到的几个CSS基础，当然，包括图文混排，是怎样做到的。 1.首行缩进 你知道的，从小学，老师就教我们，段落的开头应该空两格。而你使用word的时候，也有首行缩进这个功能，但在html中你的空格
- CSS border 属性使用说明border--定义四个边的宽度,样式,颜色 取值:[<border-width>||<border-style>||<border-color>]|inherit [<border-width>||<border-style>||<border-color>]:边框宽度,样式,颜色属性中的一个或多个 inherit:继承
- CSS border-style 属性使用方法border-style--定义边框的样式 取值:<border-style>{1,4}|inherit <border-style>{1,4}:边框样式 inherit:继承 初始值:none 继承性:否 适用于:所有元素 border:边框,style:样式 border-style和border-width的赋值方式是一样的,可以分别赋1,2,3
- CSS border-color 属性使用方法border-color--定义四个边框的颜色 取值:[<color>|transparent]{1,4}|inherit <color>{1,4}:颜色表示法 transparent{1,4}:透明 inherit:继承 初始值:同color属性的默认值 继承性:否 适用于:所有元素 border:边框,color:颜色. border-colo
- CSS border-width 属性使用教程border-width--定义四个边框的宽度 取值:<border-width>{1,4}|inherit <border-width>{1,4}:边框宽度(可以有一个,两个,三个或四个值) inherit:继承 初始值:medium 继承性:否 适用于:所有元素 border:边框,width:宽度. border-width的取值 thin: