以下先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline。 解决的方法： 在IE里： document.styleSheets[0].rules[0].style.display = "inline"; 在firefox里： document.styleSheets[0].cssRules[0].style.display = "inline"; 讨论： 能够做一个函数来搜索特定名字的style对象：...
?1234567891011121314151617181920212223242526/* mozilla.org Base Styles * maintained by fantasai *//* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */... 来源：?1http://www.mozilla.org/css/base/content.css 在怿飞’s Bl...
一、线性渐变在CSS中部分属性需要添加浏览器前缀-moz-:表示火狐内核浏览器-webkit-:表示谷歌内核浏览器-ms-:表示IE内核浏览器-o-:表示欧朋(opera)内核浏览器<style> .div1{background-image:linear-gradient(to top,red,green);width:400px;height:180px;} .div2{background-image:linear-gradient(45deg,red,green);width:400px;height:180px;} .div3{background-image:-webkit-repeating-linear-gradient(-45deg,red,green,red 2...
文字旁边搭配图片时，发现图片比文字靠上，原来默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。 设置各对象的vertical-align属性，属性说明： baseline－将支持valign特性的对象的内容与基线对齐 sub－垂直对齐文本的下标 super－垂直对齐文本的上标 top－将支持valign特性的对象的内容与对象顶端对齐 text-top－将支持valign特性的对象的文本与对象顶端对齐 middle－将支持valign特性的对象的内容与...
一、CSS 边框基础知识 - TOPCSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。同时大家可以进入DIVCSS5提供CSS手册查看border手册：http://www.divcss5.com/shouce/c_border.shtmlDIV+CSS边框border知识教程篇二、Html原始边框与DIV+CSS边框对照 - TOPHtml表格控制边框：border="1" bordercolor="#000000"说明：控制表格边框宽度为1px，css颜色为黑色，默认为实线样式边框。三、border边框语...
CSS第二天： CSS内边距属性:padding 填充Padding:一个数字，指的是四个方向是一样的（上右下左）Padding-top,padding-right,padding-bottom,padding-leftPadding:两个数字Padding:10px 20px;指的是上下为10px,左右为20px注意：两个数字之间有空格。Padding三个数字Padding:10px 20px 30px;指的是上10px,下面的填充为30px,左右为20px;Padding:四个数字如：padding:10px 20px 30px 40px;按着顺时针方向。(上右下左)Padding:0 10px;Pa...
尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的...
要注意是模板元素 和 表单元素的对应。 原文：https://www.cnblogs.com/xiximayou/p/11761475.html
1.表格特有属性 1.边框合并 属性：border-collapse 取值： 1.separate 默认值，即分离边框模式 2.collapse 边框合并 2.边框边距 作用：设置单元格之间或单元格与表格之间的距离。 属性：border-spacing 取值： 1.给一个值：水平和垂直的间距相同 2.给两个值： 第一个值表示水平间距 第二个值表示垂直间距 注意： 只有在分离边框模式下，边框边距才有效，即border-colla...
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。 另外一种是百度了一下，发现有个开源的插件可以解决此问题：http://css3pie.com/使用方法很简单，下载了之后直接引用.htc文件即可。 ...
属性名， 属性名=属性值（正则） * 绝对等于 *= 包含这个元素 ^= 以什么开头 $= 以什么结尾 /* 存在id属性的元素 a[]{} */a[id=first]{background:orange;}/* class中有links的元素 */a[class*="links"]{background:blue;}/* 选中href中以http开头的元素 */a[href^=http]{background:red;}/* 选中href中以doc结尾的元素 */a[href$=doc]{background:black;} 原文：https://www.cnblogs.com/clblogs/p/15138878.html
这里讨论的都是关于边框属性border的极致应用，这些应用虽说有些剑走偏门，但在一些特殊的场合，可能还是会用得上的，如果你对HTML代码有洁癖，有切肤之痛，并且认为冗余的标签影响到你的视觉神经，那么你可以权当一种业余欣赏。作者：冰极峰博客地址：http://www.cnblogs.com/binyong这世界太疯狂，Border属性也搞模仿秀！这里讨论的都是关于边框属性border的极致应用，这些应用虽说有些剑走偏门，但在一些特殊的场合，可能还是会...
1. rem"em" 单位是我们开发中比较常用到的，它表示以当前元素的父元素的单位大小为基准来设置当前元素的大小；“rem” 中的 “r” 代表 “root”，它表示以根（即“html”）元素的单位大小为基准来设置当前元素的单位大小，所以不管当前元素是任意子节点，一旦设单位大小为 “rem” 那么这个元素大小都是以根元素单位为参考的，这里的 “em” 和 “rem” 均具有继承性。2. vw 和 vh（移动端开发个人最喜欢的单位属性，也是这次介绍...
position属性的定义和用法:检索或设置对象的定位方式。设置此属性值为absolute 会将对象拖离出正常的文档流而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有margin，但仍有padding和边框border。要激活对象的绝对定位，不但要设置此属性值为absolute，而且必须指定left，right，top，bottom属性中的至少一个。否则上述属性会使用他们...
该属性值会对元素的高度设置一个最低限制。因此，元素可以比指定值高，但不能比其矮。不允许指定负值。所有主流浏览器都支持 min-height 属性。注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。http://www.w3school.com.cn/cssref/pr_dim_min-height.asp原文：http://www.cnblogs.com/csharphuang/p/4226428.html