一、可继承属性1》所有标签可继承：visibility:行高cursor:2》内联标签可继承：line-height:行高color:文字颜色font-family:文字字体font-size:文字大小font-weight:文字加粗text-decoration:文字下划线3》块级标签可继承：text-indent:缩进text-aligin:对齐4》列表标签可继承：list-style:列表二、不可继承属性display、margin、border、padding、backgroundheight、min-height、max-height、width、min-width、max-widthoverflow...
像下面图中的布局，如果排列的元素是登高的话，相信很多人都会使用浮动来布局，不过如果元素不等高的话，不添加多余的标签，浮动布局是很难实现下图中的效果。如果遇到这种情况，可以使用inline-block来布局。 现代浏览器的最新版都支持inline-block，只有该死的ie6、7不支持inline-block，但ie6、7可以通过 display：inline；zoom：1；来模拟。 下面是inline-block兼容的代码： 复制代码代码如下:display:inline-block;*display:i...
在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。一.旋转 rotate用法：transform: rotate(45deg);共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。二.缩放 scale用法：transform: scale(0.5) 或者 transform: scale(0.5, 2);参数表示缩放倍数；一个参数时：表示水平和垂直同时缩放该倍率两个...
【box-shadow属性】：是一个css3属性，用于创建阴影效果。语法：box-shadow:offset-x offset-y blur spresd color position;属性值说明：offset-x offset-y指的是元素水平偏移量；blur：表示阴影的模糊半径；spread：阴影尺寸（从元素到阴影的距离），正值会在元素的各个方向按指定的数值延伸阴影，负值会使阴影收缩的比本身元素的尺寸还小。color：阴影的颜色值；position：可选，表示阴影的位置，默认值是外部阴影，关键字inset指...
在css布局中，position发挥了极其重要的作用，很多的网页布局都要用position来完成。position有四个属性值static、absolute、relative、fixed。static这个属性表示默认的位置，在设置它的时候，可以取消继承属性，在一般情况下则不需要设置这个属性。absolute这个属性表示绝对定位。绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置就会相对于最初的包含块。元素原先在正常文档流中所...
在做项目的时候，居然单击后显示的顺序一直被别的li标签压着，最后终于找到了，是css的z-index属性赋值了，值越大，显示的层就越高详情推荐百度百科：z-indexz-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。 引用方法 z-index : auto...
思路：1，先做1个正方形，然后旋转45°即可让箭头分别朝向上下左右2，需要那个朝向的箭头就分别设置这个箭头两边边框颜色，如下代码可以实现箭头朝右div {width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666;transform: rotate(45deg); } 原文：https://www.cnblogs.com/JeffreyZhu/p/15177160.html
http://ued.ctrip.com/blog/wp-content/webkitcss/prop/user-select.html原文：http://www.cnblogs.com/zhwl/p/3524842.html
CSS的属性，其中一个分类是有继承性和无继承性。总结一下父元素的哪些属性是会继承给其子元素的，单纯加深印象，有用得到的时候方便回来瞅瞅。下面的总结内容来自：https://www.cnblogs.com/thislbq/p/5882105.html有继承性的属性1、字体系列属性font：组合字体font-family：规定元素的字体系列font-weight：设置字体的粗细font-size：设置字体的尺寸font-style：定义字体的风格font-variant：设置小型大写字母的字体显示文本，这意...
问题最近在使用background-image属性来实现CSS3的逐帧动画时，碰到了个问题。在chrome浏览器上，background-image属性是支持css3动画的，但是到了firefox上，就完全看不到任何动画。原因通过网上查找，才发现W3C标准中明确background-image属性是不支持动画的，所以firefox由于遵循了该标准，并没有给该属性支持动画。解决过程解决方法是使用backgrond-position属性，该属性在W3C标准中是支持动画的，因此所有浏览器应该是可以支持...
圆角效果： border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 阴影： box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式(inset)]; 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选，其值可以是正负值，如果...
jQuery修改class属性和CSS样式class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用addClass(), rem...
html中用css改变颜色， 复制代码代码如下:<hr style="border:0;background-color:#ff0000;height:1px;"> 如果不加border:0;的话，虽然颜色改变了，但是会显示一条黑色的边框。 如果不加height:1px;的话，在firefox下会不显示。原文：http://www.jb51.net/css/111802.html
列表类型（list-style-type）要影响列表的样式，最简单（同时支持最充分）的办法就是改变其标志类型。在一个无序列表中，列表项的标志 (marker) 是出现在各列表项旁边的圆点。在有序列表中，标志可能是字母、数字或另外某种计数体系中的一个符号。属性值有以下：list-style-type：none无标记list-style-type：disc默认，标记是实心圆list-style-type：circle 空心圆list-style-type：square实心方块list-style-type：decimal标记是...
div(css layout的主要标签)、dl(定义列表) 、h1~h6(标题)、p(段落)、table(表格) , ul(非排序列表)特点: 会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子 内联元素(inline element) a(超链接)、span(常用内联容器，定义文本内区块)、i(斜体)、img、em(强调)、label特点: 和其他元素都在一行上、元素的高度、宽度、行高及顶部和底部边距不可设置、元素的宽度就是它包含的文字或图片的宽度...