-
https://necolas.github.io/normalize.css/7.0.0/normalize.css查看全部
-
对于inline,non-replaced elements, 行内元素无法设置宽高,也无法设置margin,padding. 其中对于行内元素又分成了2类讨论: 若top/bottom/margin-top/margin-bottom的计算值为auto,则按0计算. width和height属性不起作用(doesn't apply),此时盒子的高度取决于line-height. (而不是所有的内联元素width都不起作用) 块状元素可以嵌套块状元素,也可以嵌套行间元素 行间元素不可以嵌套块状元素,只能嵌套行间元素 display:block block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。 display:inline inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。 inline元素设置width,height属性无效。 inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。 display:inline-block 简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/reset.css"> </head> <body> <header><!--页头--> <nav></nav> <div id="banner"></div> </header> <div class="content"></div> <footer></footer><!--页脚--> </body> </html>查看全部
-
article-preview三行之间的间隙,就是图片造成的,直接设置图片区域 image-section的font-size:0最好 因为设置article-preview>div的font-size:0,如果没有重新设置标题与正文的字号,会看不到文字的查看全部
-
<form > <input type="text" required="required" title="请输入姓名"><!-- 必填项 --> <input type="text" placeholder="获得焦点时,文字消失"><!-- --> <input type="text" pattern="[0-9]{6}"><!--自定义正则表达式--> <input type="file" multiple="multiple"><!-- 选择多个文件上传 --> <input type="number" min="0" max="12" step="3"><!-- min 最小值 max最大值 step倍数 --> <input type="image" src="../images/cs.jpg" height="20" width="30"><!-- height width --><br/> <input type="tel" ><!-- tel类型 电话 --><br/> <input type="search" ><!-- search 类型 搜索 输入内容之后 出现 x --><br/> <input type="submit" > </form>查看全部
-
https://html5up.net/查看全部
-
https://necolas.github.io/normalize.css/3.0.2/normalize.css查看全部
-
.article-preview > div{float:left;} .article-preview:after{content:""; clear:both; display:block;}查看全部
-
fontawesome.github.io/Font-Awesome查看全部
-
nav ul li a{line-height:50px; display:inline-block; line-height:inherit;}查看全部
-
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。查看全部
-
教你做博客查看全部
-
div与div之间出现缝隙font-size:0;设置的是整个最外层div字体 .classname>*{width:90%;}classname下的所有的子元素 奇偶选择器:classname:nth-child(odd){样式}; 当子元素全用浮动 父元素就会缩到很小的值 父级元素就要清除浮动 .classname:afer{content:'';display:block;clear:both;}查看全部
-
css查看全部
-
选择器查看全部
举报
0/150
提交
取消