定义和用法padding 简写属性在一个声明中设置所有内边距属性。说明这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。注释：不允许使用负值。 例子 padding:10px 5px 15px;上内边距是 10px右内边距和左内边距...
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5<title>CSS样式三级下拉菜单</title> 6<style> 7@charset "utf-8";8body{margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:12p...
CSS文件中设置如下即可filter:alpha(opacity=60); //支持IE opacity:0.6; //支持Chrome，Firefox版权声明：本文为博主原创文章，未经博主允许不得转载。原文：http://blog.csdn.net/adgjlxxx/article/details/46776991
cssText所有浏览器都支持。cssText 的使用 obj.style.cssText = " width:200px;position:absolute;left:100px;";正如那篇文章所提cssText会清除之前元素含有的样式，所以得使用obj.style.cssText += " width:200px;position:absolute;left:100px;";但是在IE中的最后一个分号会被删除obj.style.cssText += " ;width:200px;position:absolute;left:100px;"; //这样便能解决在IE中出现的问题了原文：http://www.cnblogs.com/m...
1.问：input框的对齐，制作类似百度搜索框的时候，发现IE下前面输入框和后面按钮总是不能对齐。 解答：给input框增加vertical-align:bottom;2.问：IE下display:inline-block不起作用。 答：display:inline-block后面增加*display:inline;*zoom:1;具体参见：http://www.jb51.net/css/67469.html。该文对inline-block有详细分析。3.问：如何取消inline-block元素之间的间距。 答：1.给父盒子设置font-size：0，再把当前元素的f...
table{ border-collapse:collapse; } 原文：http://www.cnblogs.com/Harold-Hua/p/5434450.html
1.CSScss style: 里面的写的就叫做css 每一个样式的间隔用； 全部相同的时候引用class 2.ID选择器# 代表通过id选择器查找 #i1{height: 48px;background-color: red;}3.class选择器. 代表通过class选择器查找.menu{height: 48px;background-color: aqua;}4.标签选择器标签名 代表通过标签选择器查找 span {color: red;background-color: blue;}5.标签层级选择器标签内的标签 通过标签+空格+标签 代表通过标签选择器查找 例：span标签...
上集《CSS深入研究:display的恐怖故事解密(1) - display-inline》已经把display的属性列表拉出来溜了，发现在这个属性恐怖面貌其实都是脆弱的伪装。除了部分常用属性外，其他的都是传说哥。既然是传说哥，请不要迷恋。就让传说继续传说着吧。这次我们来搞定table-cell这个货。（table-cell：IE6、7不支持）table-cell这个家伙在国外的网站中偶有露头，天朝由于IE6、7这两个货泛滥成灾，难有发挥，那么，这个家伙到底能干些什么呢？...
盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型： 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading。 ...
HTML 语义化根据结构化的内容，选择合适的标签。为什么要做到语义化？“合适的标签”是内容表达的高度概括，这样浏览器爬虫或者任何机器在读取 HTML 时，都能更好地理解，进而解析效率更高。这样带来的收益如下：有利于 SEO开发维护体验更好用户体验更好（如使用 alt 标签用于解释图片信息）更好的 accessibility，方便任何设备解析（如盲人阅读器）if (导航) {return <nav /> } elseif (文稿内容、博客内容、评论内容...包含标题元...
在做移动端项目的时候，有些时候需要元素超出屏幕可以滚动，为了美观需要隐藏滚动条。如果只需兼容chrome和safari，可以使用自定义滚动条的伪对象选择器——：：webkit-scrollbar。 具体使用即： element::webkit-scrollbar{display:none} 或者 element::webkit-scrollbar{width:0!important} 那要在pc端实现同样的功能怎么办呢？参考 Hiding Vertical Scrollbars with Pure CSS in Chrome, IE (6+), Firefox, Opera, and Sa...
一、margin与元素尺寸的关系元素尺寸： 可视尺寸-clientWidth(标准) 占据尺寸-outerWidth（在js中）【【margin对可视尺寸的影响】】适用于没有设定width/height的普通【block】水平元素只适用于改变水平方向的尺寸？？利用这一特性，可以实现？？ 一侧定宽度的自适应布局 /*图片左浮动，跟随文字实现自适应效果。给<P>元素添加margin-left，可视尺寸减小，实现自适应效果；如果希望右侧固定，左边文字环绕，则让图片右浮动，...
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>使用transform和transition制作CSS3动画</title> <style> ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} /* HTML ELEMENTS */ body { background-color:#deddcd; font:14px/21px Arial,Helvetica,sans-serif; } h1 { font: bold 65px/60px Helvetica, Arial, Sans-serif; text-align: center; col...
1.对于开始写网站css之前一般都要对css进行重置（养成写注释的习惯）：body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;} body{font-size:16px;} img{border:none;} li{list-style:none;} input,select,textarea{outline:none;border:none;background:none} textarea{resize:none;} a{text-decoration:none;} /*清除浮动*/ .clearfix:after{content:"";display:block;clear:...
1、和链接（<a>标签）相关的a:link--定义未访问的链接；a:visited--定义已经访问（根据浏览器中的历史记录）的链接；a:hover--定义鼠标滑过时的样式；a:active--定义鼠标单击时的样式2、和段落（<p>标签）相关的:first-letter 创建下落的首字母，使得首字母更大更粗（只能用于块级元素）；:first-line 用一种不同的颜色定义首行在CSS3中为了区分伪类和伪元素，表示时在伪元素前面加两个冒号，如下： ::first-letter和::f...