小九的博客

css选择符

html>html lang="en">head> meta charset="UTF-8"> title>title>head>style > @media screen and (min-width: 680px){ 屏幕宽度大于680的布局 #div_1{ background-color: black;

div style="border:2px solid red;"> div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIVdiv> div style="float:left;width:90px;height:90px;border:1px solid blue;">TEST D

html:html>lang="en"> charset="UTF-8"> rel="stylesheet" type="text/css" href="../Public/css/main.css"/>class='assembly'> class='bar'> class='face'> class='face

html：class="demo">class="content-box">class="padding-box">class="border-box">css：html { background: #262626;}.demo { margin: -12.5em -12.5em; width: 25em; height: 25em

CSS3变换动画指定三维视角perspective 属性定义 3D 元素距视图的距离，以像素计。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。舞台:{perspective：1000px;}容器:{transform-style:preserve-3d;-webkit-transform-style:p

flex-box布局详细 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool案例  http://huzerui.com/mobile-gallery/关于flex-box布局flex布局简直是移动端的神器，因为移动端不存在兼容性问题，几乎所有手机浏览器都采用

移动端自适应布局解决方案——rem发表于 2016-06-16   |   2条评论   |   阅读次数 79自适应布局方案有百分比布局、flex布局、弹性flex布局等，但是都有一些缺点。百分比布局缺点：字体大小需要另外一套自适应方法来调整；当屏幕宽度大于700px后，继续按照百分比元素会偏大，这个时候调整起来会比较麻烦。flex布局、弹性flex布局：

animation-fill-mode : forwards ; -webkit-animation-fill-mode : forwards ;

1 六角形复制代码代码如下:#star-six {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid transparent;    border-bottom: 100px solid red;    po

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以

css text文本属性(二)1.text-overflow属性作用：设定内容溢出状态下的文本处理方式。取值：clip： 默认值当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。  ellipsis：当对象内文本溢出时显示省略标记（...）。 注意:该属性需要和over-flow:hidden属性(超出处理)还有white-

1.text-decoration属性作用：设定文本修饰线。取值：[ text-decoration-line ]：不支持  指定文本装饰的种类。相当于CSS1时的text-decoration属性[ text-decoration-style ]：不支持指定文本装饰的样式。[ text-decoration-color]：不支持指定文本装饰的颜色。  blin

2002年5月15日发布CSS3 Line模块，该模块定义了文本行模型2002年11月7日发布CSS3 Lists模块，该模块定义了列表相关样式2002年11月7日发布CSS3 Border模块，新增背景边框功能，后被合并到背景模块中2003年5月14日发布CSS3 Generated and Replace Content模块，该模块定义CSS3生成及更换内容功能。2003年8月

css介绍什么是CSS3？CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分

CSS1&CSS2的颜色方式Color name  颜色名称方式HEX方式十六进制方式RGB方式三原色配色方式1.Color Name方式例如:red(红色)、blue(蓝色)、pink(粉色)优点：方便快捷而且特定颜色比较准确缺点：英文记忆很是个问题表示颜色数量有限。不支持透明颜色2.HEX方式十六进制记法，使用十六进制表示颜色

1.text-fill-color属性作用:文本填充颜色，指定文字填充部分的颜色取值: 颜色私有前缀IE：-ms-谷歌、苹果、猎豹、360急速(webkit内核):-webkit-opera:-o-firefox:-moz-   更正:火狐浏览器的内核为Gecko 但是似有前缀是-moz-备注:使用该属性需要使用浏览器私有前缀2.text-stroke属

html>html lang="en">head> meta charset="UTF-8"> title>title>head>script src="jquery-1.3.2.min.js">script>body>div id="bg_music_btn" state='1' style="background-color: black;height: 10

.p{width:500px; border:1px solid black; padding:10px;}.c{width:100px; height:100px; background-color: green;}div class="p"> div class="c">div> div class="c">div> div class="c">div>