其实有很多种方案，这里主要说两个比较好用的，第一个方案是使用css变量，第二个方案是使用第三方工具less
方案一
最新的css支持变量var，并且主流的浏览器基本上都支持这个特性。使用变量我们可以更方便的管理css元素。
定义CSS变量
在css文件顶部定义css变量，注意必须以–开头，使用:root包括这几个变量
使用
在需要的地方使用，使用var()包裹css变量
方案二
编译为：
网页布局中CSS设计的常用规则
规则一、CSS文件的链接方式
1、附加链接：外部CSS文件
2、导入CSS常用应用多个CSS文件时，将多个CSS导入一个CSS文件中CSS规则定义有三种：
①类比如.RedText.BlueText和.BigText等等；
②标签针对原有HTML标签做的重新CSS定义；
③高级伪类、定义了ID元素，以及综合性定义。
规则二、CSS规则的应用
1、只有“类”样式才需要应用，class=xxxx任何元素...
1、H5传播性强易于分享
H5技术前期在网站制作公司的使用尤为明显，在移动社交平台的高速发展下，目前H5技术也相当的集中在社交平台的使用。以微信为例来说其朋友圈、公众号的发展，H5技术都嵌入其中达到一个品牌宣传传播的效果。H5对于品牌的传播还体现在它适用多设备平台，这种技术特点让它在传播时不大可能会遇到技术或设备上的问题，比FLASH动画技术的使用就在于它不需要自带插件就可以体验到了。
2、交互性、用户体...
1：跨平台，多终端兼容。H5的兼容性比DIV+CSS更灵活多变，无论是手机端还是PC端，H5的展示效果实现了1=多的特点，随着屏幕分辨率的扩大或者缩小，网站可以呈现多种不同的展示效果，例如说导航栏的位置，样式的改变，而DIV+CSS技术只能实现1=1，H5技术理所当然的盖过了DIV+CSS
2：为您开拓多元化的营销渠道
我们向您提供的响应式网站可以与微信、微博、易信等社会化新媒体的无缝对接，让您的企业信息及产品覆...
1、使用line-height垂直居中
line-height:24px;
使用固定宽度的容器并且需要一行垂直居中时，使用line-height即可(高度与父层容器一致)，更多的垂直居中总结可以看这里。
2、清除容器浮动
#main{
overflow:hidden;
}
期前也提到过这样的问题，更多信息可以看这里。
3、不让链接折行
a{
white-space:nowrap;
}
上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行(有关换行方面的讨论，参看圆心的记录)。...
第一就是可以提高可用性和改进用户的友好体验；以前的技术在用户体验上有时候会出现问题，而HTML5技术下的网站在用户体验上有很大的提升。
第二是可以给站点带来更多的多媒体元素；一个网站现在仅仅只有文章已经不能满足客户的需要了，而HTML5网站建设中会增加音频和视频因素，对用户来说会非常有用。
第三是可以很好的替代FLASH和Silverlight；对于技术上的提升是HTML5技术能够被认可的重要原因之一。
第四是...
1、因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而大大缩减页面代码，提高页面浏览速度。
2、结构清晰，对搜索引擎更加友好。更容易被搜索引擎收录，具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
3、兼容性更好，符合web标准规范的发展趋势，可以在几乎所有的浏览器上都可以使用，不会出现在不同的浏览器中效果差距很大的情况。
...
客观原因：
一、认清问题的存在，要解决问题而不是解决现象
找到问题根源的所在并解决它是最终目，而不是为了迁就表现而使用复杂的Hack来让网页“看上去很美”。不从根源上解决问题，当浏览器升级以后，可能会遇到更多的问题。同时，Hack的时候可能会造成新的问题的出现，特别是触发或者避免触发IE的hasLayout属性。换一种思路也许也可以避免问题的出现。
二、CSS属性浏览器是否支持
虽然现代浏览器支持绝大部分的CSS...
运用有含义的或通用的ID和class命名：ID和class的命名应反映该元素的功用或运用通用称号，而不要用笼统的不流畅的命名。反映元素的运用意图是首选；运用通用称号代表该元素不表特定含义，与其同级元素无异，通常是用于辅佐命名；运用功用性或通用的称号能够更适用于文档或模版改变的状况。
/*不引荐:无含义*/#yee-1901{}
/*不引荐:与款式有关*/.button-green{}.clear{}
/*引荐:特别性*/#gallery{}#login{}.video{}
/*引荐:通...
头部：
头部标签的作用是在页面的开端加入一个用以介绍整个页面内容的信息容器，一般网页的名称、简介内容、关键词、版权信息等元素均会出现了网页头部，技术层面上，在网页头部还要表示出该页面采用的制作语言，例如是HTML5还是较为陈旧的HTML4，目的是让访问端的浏览器使用与之对应的页面渲染方式。
导航：
顾名思义，导航元素的作用就是承载了对于访客的浏览指导作用，一般情况下，导航中的内容是直接循环于网站的一...
第一，什么是HTML？
HTML是一种超文本标记语言，全称为HyperTextMark-upLanguage。HTML文本是由HTML命令组成的描述性文本。这里所说的HTML命令包含的内容有：说明文字、图形、动画、声音、表格、链接等。
HTML超文本的结构为：头部（Head）和主体（Body）两大部分，头部描述的是浏览器所需的信息，主体则是所要说明的具体内容。
第二，什么是HTML5？
HTML5赋予了网页更好的意义和结构。...
KindEditor在360兼容模式下复制一段内容想粘贴到中间总是变成粘贴到最后的bug
解决方案：
kindeditor-min.js下177行，if增加||Yb条件，最终成这样的if(o||Yb){vars=f.range.get(!0);
对于CSS来说，关于id和class属于选择器的问题。
二者主要的区别在哪里呢？
id具有唯一性，class具有普遍性。
id是唯一的，所以尽量在结构外围使用，通常用于页面布局。
class是可重复的，所以尽量在结构内部使用，通常用于样式定义。
id的样式优先级高于class。
id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
为什么id应用少，class应用多？
单一使用的样式用id，需要程序...
默认情况下，容器中的图片在容器底部会自动产生一个间隔距离。要想把这个距离清除掉，首先要明白这个距离的产生原理，也即是说为什么会产生这个距离。图片作为内联元素，其默认的vertical-align属性的取值为baseline，也就是基线对齐。这种垂直对齐方式是图片的底部与文本的基线对齐。这就是产生这个小距离的根本原因。
产生的小距离是图片与文本基线对齐后，文本基线下方的文字部分，也就是四线三格的第三格，即基线。
四线三...
默认情况下，移动端手机网站当手指点击某元素时，该元素会出现一个浅蓝色的背景框，如果是链接，点击完就加载到新的页面去了，可能感觉不太明显，但是如果做一些效果，比如手指滑动屏幕的效果，就感觉比较明显了
因为滑动这个动作细拆开来，就是手指先点击屏幕某处，然后再进行手指移动，你会发现被点击到的元素后边总有个浅蓝色背景，虽然你手指离开后它自己会消失，也不影响大局，但是总会感觉还是不够完美，那么这个问题如...
QQ咨询
400-883-2887
