Css
引人瞩目的 CSS 变量（CSS Variable）
这是一个令人激动的革新。CSS变量，顾名思义，也就是由网页的作者或用户定义的实体，用来指定文档中的特定变量。更准确的说法，应该称之为CSS自定义属性，不过下文为了好理解都称之为CSS变量。一直以来我们都知道，CSS中是没有变量而言的，要使用CSS变量，只能借助SASS或者LESS这类预编译器。但是新的草案发布之后，直接...
css设置全局变量和局部变量
在我们使用less或者sass时常常会使用到局部变量和全局变量，其实在我们使用css做开发时也可以定义全局变量和局部变量来简化我们的开发效率，很简单也很实用；1.设置全局变量只需要在我们的根引用的css文件中声明就行，具体代码如下：：rout{--cssname:value}这样就声明了一个变量名为cssname，值为...
纯CSS实现垂直居中的几种方法
垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构： <div class="boxbox1"> ...
CSS的子选择器与后代选择器的区别
来源于：http://www.jianshu.com/p/599654ba5f4a一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：.food>li{border:1pxsolidred;}这行代码会使class名为food下的子元素（...
CSS“隐藏”元素的几种方法的对比
本文地址：http://luopq.com/2016/02/15/css-tricks-of-hide-element/，转载请注明一说起CSS隐藏元素，我想大部分小伙伴们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。我相信还有不少人想到使用设置visibility为hidde...
css学习归纳总结
来源于:trigkit4CSS选择器分为1.群组选择器如：p,body,img,div{}2.兄弟选择器如：p+p{color:#f00;}3.属性选择器如：p[title]{color:#f00;}4.包含（后代）选择器如：bodyulli{}5.子元素选择器如：div>p{}6.ID选择器如：#myDiv{}...
史上最全的HTML、CSS知识点总结，浅显易懂。
来源于：http://blog.csdn.net/qiushi_1990/article/details/40260447一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1.HTML是网页...
photoshop将psd导出div+css格式HTML（自动）
psd切片切好后，导出web格式，存储时选择html.所有切片，然后，选择其他，选择自定，选择切片，选择生成css css命名有2种方式，根据ID和根据类，一般选择根据类（ID尽量少有，防止js要用到） 生成的html里是按cs...
css3图形绘制
以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的，我们先了解下它们的基本原理。 border：简单的来说border语法主要包含（border-width、border-style、border-color）...
css边框渐变
在实际开发中，我们经常遇见边框需要背景渐变的实现要求，那么如何去实现呢，今天给大家分享依稀几种情况1.直角的背景渐变<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport...
自定义滚动条样式纯（css）
啥都不说先看图:注:只适合chrom,不适用IE和fireFox下面展示代码:1<htmllang="en">2<head>3<metacharset="UTF-8">4<title>CSS3自定义滚动条-轩枫阁</title>5<style>6h...
css之高度塌陷及其解决方法
1、普通流定位static（默认方式） 普通流定位，又称为文档流定位，是页面元素的默认定位方式 页面中的块级元素：按照从上到下的方式逐个排列 页面中的行内元素：按照从左到右的方式逐个排列 但是如何让多个块级元素在一行内显示? 这里就引出了浮动定位 2、浮动定位...
css文字上下居中，一行文字居中，两行或多行文字同样居中
附图:demo.html1<divclass="demodemo-flex"><span>孤云将野鹤，岂向人间住。莫买沃洲山，时人已知处。</span></div>style.css1.demo{2width:120px;3height:200px;4border:1px...
CSS入门
CSS是CascadingStyleSheels层叠样式表CSS使用步骤：引入，选择，设置CSS的语法形式主要体现为属性和属性值CSS能选中Web页面中的HTML标签并进行美化引入方式：内部引入和外部引入，内连或者内嵌使用频率：外部最高，因为一个CSS文件写好之后可以被多个html文件饮用，代码复用性强。内部比较高，主...
从事前端开发必须要了解的CSS原理
从事Web前端开发的人都与CSS打交道很多，有的人也许不知道CSS是怎么去工作的，写出来的CSS浏览器是怎么样去解析的呢？当这个成为我们提高CSS水平的一个瓶颈时，是否应该多了解一下呢？ 一、浏览器的发展与CSS 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页浏览器送交资料到网页服务器并...
