-
reset.css重置样式,去除所有的样式包括标题的字体大小 normalize.css常规化样式,在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案查看全部
-
模块分析!查看全部
-
"ctrl"+"shift"+"[" 收缩代码, "ctrl"+"shift"+"]" 展开代码, "ctrl"+"e" 快速生成一个div.查看全部
-
奇偶选择器函数 所有奇数::nth-child(odd){} 所有偶数: nth-child(even){}查看全部
-
问题:中间有缝隙 解决:padding=0 marjin=0 font-size重置为0(总的div中) 字体大小不同,行高不同查看全部
-
子元素浮动,pre>div{ float:left} 父元素 pre:after{ context:'';display;block;clear;both;} display 属性规定元素应该生成的框的类型 block :块对象的默认值。用该值为对象之后添加新行 :after 选择器向选定的元素之后插入内容。 使用content 属性来指定要插入的内容。查看全部
-
normalize css常规化 reset css重置查看全部
-
#banner.inner没有居中作用,改成.inner就可以了 #banner.inner h1没有消除h1的边距,改成.inner h1就可以了查看全部
-
https://necolas.github.io/normalize.css/7.0.0/normalize.css查看全部
-
<section> 标签 定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 <section> 标签是 HTML 5 中的新标签。 <nav> 标签定义导航链接的部分。 HTML 4.01 与 HTML 5 之间的差异 <nav> 标签是 HTML 5 中的新标签。 提示和注释 提示:如果文档中有“前后”按钮,则应该把它放到 <nav> 元素中。 HTML5中的新元素标签<nav>用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。 一直以来,我们习惯于使用形如<div id="nav">或<ul id="nav">这样的代码来写页面的导航;在HTML5中,我们可以直接将导航链接列表放到<nav>标签中 nav元素是一个可以用来作为页面导航的链接组;其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进<nav>元素;例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等;这时使用<footer>元素是最恰当的,而不需要<nav>元素。 一个页面中可以拥有多个<nav>元素,作为页面整体或不同部分的导航;查看全部
-
首先大体,进行模块分析查看全部
-
重置样式查看全部
-
对于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的同行特性。查看全部
-
字体大小不同,导致行高不同,图片中间产生间隙,设置font-size:0;查看全部
-
页面布局查看全部
举报
0/150
提交
取消