有时会从网上下载一些css压缩文件，打开后所有代码都在一行，不利于阅读，通过css format插件，能快速展开代码，方便阅读。参考：Sublime Text 上最好用的 CSS 格式化插件 —— CSS Formatcss format 下载：https://github.com/mutian/Sublime-CSS-Format，下载后解压到sublime Packages目录下,菜单栏preference-->Brower Packages 安装css format插件后，选择代码，菜单栏Edit-->css Format-->Expanded,展开代码. 原文：http:/...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转菜单</title> <link rel="stylesheet" href="style8.css" type="text/css"></head><body><div class="se"><h3><a href="">IT</a></h3><div><img src="imges/it.jpg" ></div> </div><div class="se"><h3><a href="">创投</a></h3><div><img src="imges/kk.jpg" ></div> </div><div class="se"><h3><a href="">探索</a></h3><div><img src=...
1、星形.star {width: 0px;height: 0px;border-bottom: 9.51px solid yellow;border-left: 3.09px solid transparent;border-right: 3.09px solid transparent;position: relative; } .star:before, .star:after {content: "";width: 0px;height: 0px;border-bottom: 9.51px solid yellow;border-left: 13.09px solid transparent;border-right: 13.09px solid transparent; } .star:before {transform: rotate(-36deg);position: ...
@font-face { font-family: ‘OpenSans-ExtraBold‘ ; src=\‘#\‘" /OpenSans-ExtraBold.eot‘); /* IE9 Compat Modes */ src=\‘#\‘" /OpenSans-ExtraBold.eot?#iefix‘) format(‘embedded-opentype‘), /* IE6-IE8 */ url(‘font/OpenSans-ExtraBold.woff‘) format(‘woff‘), /* Modern Browsers */ url(‘font/OpenSans-ExtraBold.ttf‘) format(‘truetype‘), /* Safari, Android, iOS...
1、 背景颜色background-color:后面跟颜色属性2、 背景图片background-image 属性允许指定一个图片展示在背景中（只有CSS3才可以多背景）可以和 background-color 连用。 如果图片不重复的话，图片覆盖不到地地方都会被背景色填充。 如果有背景图片平铺，则会覆盖背景颜色。参数none：无背景（默认）url：使用绝对或相对地址指定背景图像3、 背景平铺即所选背景图片是否填充整个样式区域语法background-repeat : repeat | no-repe...
position:relative日常应用的时候通常是设置给position:absolute;的父层的, 父层position:relative; 子层position:absolute;的话, 就是按照父层的边界进行定位的, 不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素..第一种写法（连同CSS一起追加进去） var freeOne="";freeOne=$(".freePreviewOne").attr("data-url");if(freeOne==null){//没有免费视频}else{$("#coursePicture").append("<a...
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer ...
请看代码： 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div> 显示的结果应该是个小点，但是在ie下就是显示一个竖长条，就是说height无效，这就是IE一bug 解决办法，添加overflow:hidden; 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;overflow:hidden;"></div> 解决问题。原文：http://www.jb51.net/css/75908.ht...
一、CSS与HTML的四种结合方式：/*方法一：使用标签中的style属性*/ <div style="background-color:red;color:green;"> /*方法二：使用style标签*/ <style>标签，写在head里面<style type="text/css">css代码;</style><style type="text/css"> div {background-color:blue;color: red;} </style> /*方法三：使用@import语句*/ 在style标签里面 使用语句（兼容性差）@import url(css文件的路径);<style type="text/css">@import url...
业务场景：比如某个按钮大小已经固定了，但是需求点击按钮周边就可以触发点击事件。设置一下before属性里面的height,width就是设置你要点击的范围。 rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root！！！！！！！！！根节点，也就是需要扩大点击事件的html元素例：(下面例子中的根节点是html ，它的字体大小是100px，所以根节点下面的元素所设置的rem，都是1rem...
CSS样式优先级行内>内部>外部使用!important的css定义是拥有最高的优先级的。只是在ie6下出了一点小的bug，注意书写方式一般可以轻松避开的。CSS中的!important一般都是用于对低版本的除了iE 6 ，用来做hack的，后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。 IE6不认识它的，IE7和别的浏览器中可以用，用来处理浏览器的兼容性 .padding-l-r p span{ fon...
一般写css中常用的标识符命名是英文单词组合。某天碰到有人问到可以使用._1这样子的命名吗？然后傻眼了，没有想过是否有这种命名方式In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed b...
写网页是先写html，再写css的。没有左浮动会是这样： 添加float:left;后会是这样： 所以左浮动很重要。 原文：https://www.cnblogs.com/liaoxiaolao/p/9738895.html
1. 如何选择指定div下的所有的H1、H2...标题？ 如div的Id为:cnblogs_post_body 我原来定义的CSS是：1#cnblogs_post_body H1 H2 H3 H4 2 { 3 color:#FFFFFF; 4 background-color: #556b2f; 5 }结果没有达到预期的效果。后来将CSS定义为：1#cnblogs_post_body H1, #cnblogs_post_body H2,#cnblogs_post_body H3,#cnblogs_post_body H4 2 { 3 color:#FFFFFF; 4 background-color: #556b2f; 5 }效果如下：H1H2H3H4 2. 如何编写CSS，...
.box {/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:200px;height:200px;border: 1px solid #eee;}.box img {/*设置图片垂直居中*/vertical-align:middle;} 原文：http://www.cnblo...