多看多学多练
zIndex
你理解错了,padding-left和padding-right值可以不一样
还有种三道扛的方法
.sanheng1{
width:30px;
height:3px;
border-top:9px double;
border-bottom:3px solid;
border-color:black;
}
我根据ppt上代码写的,你自己实验就会明白
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div style="width: 150px; height: 200px; margin: 100px; background-color: blue; border: 1px solid black;">
<span style="padding: 50%; background-color: yellow;">
内容有若干字
</span>
</div>
</body>
</html>
文字变大后,项目符号也跟着变大,padding的固定宽度40px相当于li来说过小,视觉上感觉padding变化了(注意:padding-left相对的是到文字内容的距离,而不是到项目符号)
http://www.w3school.com.cn/css/css_pseudo_elements.asp
em是相对长度单位。
em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
应该是变得很大的意思吧
你的CSS代码里差边框border属性值;至于为啥是八边形,可能是你浏览器的问题,具体的为啥不清楚。
padding:70px->80px,加10px是因为,这个值是上下均匀分配的,也就是上下均匀加了5px,也就是10px了.
好的好的
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
border-box:
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width )
此属性表现为怪异模式下的盒模型。
你可以理解为:为box-sizing这个属性设置了border-box后 就相当于将区域的宽度给固定死了,不管内容怎么变 宽度始终不变;
注:个人理解 如有误 希望谅解
好样的问题
三条线 a:before{ content:"";display:inline-block; width:10px; height:2px; padding:2px 0; border-top:2px solid; border-bottom:2px solid; background-clip:content-box; background-color:#000;}
圆点 a::before{content:"";display:inline-block;width:10px; height:10px; padding:2px; border-radius:50%; border:2px solid #000; background-color:#000; background-clip:content-box;}
moz-focus-inner是firefox私有伪元素,-moz-focus-inner并不是reset outline,而是设置border
就是padding值很大的时候
.pbox{ padding-right: 120px; } .pbox img{ float: right; margin-right: -120px; }
还要对图片进行定位,你的想法是对的。
你如果对div 设置一个padding-top:'当前div的一半'px;的话你会发现,的确出来个正方形
第一个buttonl里面的按钮去掉, 需要加<label for="btn">按钮</label>
常见的状态微元素为a的那几个状态。
:before,:after,一般都和content,一起使用。最常有的是清除浮动。
clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both;}
<button id="btn"> <label for="btn">按钮</label>
</button>
padding设置成25%的时候显示的是一个长方形;因为块级元素默认撑满一行,而高度是padding撑起来的,上下加起来总共只有50%;所以只有宽的一半
给撑开了,上 右 下 左各占等比50的宽高,就形成了正方形
你可以选择不听
会有些区别
都是inline元素 满足后来者居上的原则