CSS
css是英文Cascading Style Sheets的缩写是一种用来表现HTML或XML等文件样式的计算机语言,用来控制网页内容的外观
- CSS 异步加载技术 不影响页面渲染CSS异步加载技术不影响页面渲染触发异步样式下载的诀窍是使用一个link元素，并为media属性设置一个不可用的值(我用的是media=”none”,不过其它的任何值也是可以的
- CSS 变量教程今年三月，微软宣布Edge浏览器将支持CSS变量。这个重要的CSS新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生CSS从此变得异常强大。一、变量的声明声明变量的时候，变量名前
- css实现多行文字截断效果
- CSS选择器学习1.CSS选择器 CSS,层叠样式表,它使得网页的结构和表现样式完全分离,利用CSS修改样式而不改动HTML 1)常用CSS选择器 标签选择器 td{ font-size:14px; } ID选择器 #note{ font-size:12px; }
- CSS隐藏元素五种方法css隐藏元素的方法 1、利用opacity透明度来隐藏，opacity设置为0，它只是一种视觉隐藏，元素本身依旧占用它的位置并对网页的布局起到作用，它也同样影响用户交互。在读屏软件中会被识别。 2、visibility：规定元素是否可见，一般设置为hidden，它可以很好的隐藏，不会影响用户的交互，在读屏软件中不会被识别。（visibility可能的值） visible
- CSS vs. JS Animation: 哪个更快#CSSvs.JSAnimation:哪个更快?CSSvs.JSAnimation:哪个更快?基于JavaScript的动画竟然已经默默地比CSS的transition动画快了？而且，Adobe和Google竟然一直在发布可以媲美原生应用的富媒体移动站点？这篇文章将会逐点讲解基于JavaScript的DOM动画库，比如Velocity.js和GSAP，是如何比jQuery和基于
- 老版本浏览器兼容，css2学习/*行间隔，盒子模型每个div的行间用一个类clearfix来达到间隔10px的效果；清除浮动，用clear:both超出高度隐藏，ie的div默认高度是18px，超出部分会被撑开，所以用overfllow:hidden*/.clearfix{ float:left; height:10px; width:100%; c
- position定位，相对定位和绝对定位的区别？一直没有真正弄清楚position定位中的绝对定位和相对定位，有时候弄清楚了，没有经常用又忘记了。所以打算写一遍博客，写写这个定位，让自己重新想起的同时，以后再忘记就可以看自己的文章了，再也不用去网上这看看那看看了。无数次的重复、思考、实践我相信我一定会学好。在CSS中position的这属性，他的语法是：position:stati
- CSS预览工具CSS预览工具绝大多数浏览器对CSS都有很好的支持，设计师不必担心其设计的CSS不被浏览器所支持。而在实际开发中，最让设计师头痛的是各个浏览器对新标准的支持程度，以及在CSS细节上的处理差异。经常出现的情况是，在一种浏览器中设计的效果，在另一个浏览器中并没有像预期的那样显示。因此，页面开发完成后，应该在一个或多个平台的几种浏览器下对网站进行充分测试，查看页面是不是按照预期的方式工作
- “自适应大小”的div“居中处理”htmlcssposition:fixed;top:70%;left:50%;transform:translate(-50%,-50%);ps：这里是左右居中，上下居中的话，把top也改成50%即可。这是定位的，不是定位的可以把left和top改成margin值就可以了。
- css z-index的用法和注意点z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。引用方法z-index:auto|numberauto:默认值。number:无单位的整数值，可为负数。
- CSS的三种使用方法博客的由来：用来写作，写作就是最好的回报。CSS的三种使用方法行内样式： css行内样式 内嵌样式： css内嵌样式 #div{width:100px;height:100px;background-color:green;}
- css上传文件样式修改css上传文件样式修改
- css绝对定位的绝对好用的居中方法全屏居中：.center{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)scale(1);}垂直居中：.vertical-center{position:fixed;left:0;top:50
- input css常用属性记录下平时开发中碰到的input特殊要求：1、input之间的空格，可以通过设置其父元素font-size:0解决。input是内联块状元素（inline-block），内联元素可以当做字体来处理，字体之间有空格，所以内联元素之间也是有空格的，通过设置父元素font-size:0可以消除空格，但要重新设置子内联元素的字体大小
- css 使不知宽高的元素水平垂直居中的方法本文主要介绍如何使元素居中显示的几种方法，当然方法有很多，现在记录的不过是笔者目前能够想到的几种：定位、table-cell、增加空span、弹性盒模型。 html样式如下： css样式如下：.box{width:600px;height:600px;} 类名为.box1的div宽高未定。 方法一(定位）.box
- css inline-block介绍看起来inline-block的显示效果和inline是一样的？？？给元素设定宽度和高度时，只能使用块级元素block。如果是内联元素inline是不能设置高度和宽度的。但此时，我想个给某个元素设定宽度和高度，同时又让它显示的效果和inline一样（包紧元素）该怎么办呢？？？display：inline-block；//就这样设置
- css grid 布局翻译简介CSS网格布局（又称“网格”），是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好。一开始我们用的是table（表格）布局，然后用float(浮动)，position（定位）和inline-block（行内块）布局，但是这些方法本质上是hack，遗漏了很多功能，例如垂直居中。后来出了flexbox(盒子布局)，解决了很多布局问题，但是它仅仅是一维布局，而不是复杂的二维布局，实
- CSS中的盒子相关属性，盒子到底有多大1.内边距内边距是盒子内容与边框之间的距离，如果你不设定padding，那么元素的文本就会紧挨着元素的边框。2.外边距推荐将下面这条规则作为样式表的第一条规则：*{margin:0;padding:0;}这条规则把所有元素的默认外边距和内边距都设为零，也就是浏览器默认的值会被清除，这样我们可以再根据真正需要来设定元素的内外边距。3.垂直方向上的外边距在垂直方向上的外边距会叠加
- css中用list-style-type指定列表（lists）前面符号css中用list-style-type指定列表（lists）前面符号,如下： li{list-style-type:符号名称} 符号名称可用的值为： disc:CSS1实心圆 circle:CSS1空心圆 square:CSS1实心方块 decimal:CSS1阿拉伯数字 lower-roman:CSS1小写罗马数字
- css常用效果总结css有不少常用的效果，你在平时浏览网站的时候可能会看到，但是真的要自己写的时候，有时候会突然忘记，今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候，很多网站变成了灰色，如何让网站快速变灰？css代码是很简单的，用的是css的filter功能。代码如下：html{filter:grayscale(100%);//IE浏览器-webkit-filter:graysca
- css not属性css选择器： （1）：e:not 事列： .head a:not(:last-child){ ....... }
- css基础知识一、继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}三年级时，我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与span中的文本都设置为了
- 自定义input[type=”file”]的样式input[type=”file”]的样式在各个浏览器中的表现不尽相同：1.chrome:2.firefox:3.opera:4.ie:5.edge:另外，当我们规定input[type=”file”]的高度，并把它的行高设置成与其高度相等后，chrome中难看的样式出现了：“未选择任何文件”这一行并没有竖直居中。似乎在firefox中好看一些，嗯，我比较喜欢用firefo
- less基础Sassstyuls一款比较流行的css预处理语言，支持变量、混合、函数、嵌套、循环等特点官网中文网http://www.w3cplus.com/css/less概要为什么要有预处理CSSCSS基本上是设计师的工具，不是程序员的工具。在程序员的眼里，CSS是很头痛的事情，它并不像其它程序语言，比如说PHP、Javascript等等，有自己的变量、常量、条件语句以及一