*/footer{clear:both;/*clear : left 也行 因为只有左浮动元素*/}</style></head><body><divid="wrapper"><header><h1>A Fixed-Width Layout(一种固定宽度的布局)</h1></header><nav><ul><li><ahref="#">Link 1</a></li><
fixed [fikst] 固定的,不变的 float [fləut] 浮动 font [fɔnt] 字体 for 在循环语句中的一个保留字 four 4个 G gif 一种图像格式 gray [grei] 灰色 green [gri:n] 绿色 H hack [hæk] 常用于CSS中的一些招数,或者类似于偏方的技巧 hand [hænd] 手 head [hed] 头部 height [hait]...
一些互斥的元素 对于absolute和fixed定位的(固定大小,设置了width和height属性)元素,如果设置了top和left属性,那么设置bottom和right值就没有作用了,应该是top和left优先级高,否则同时写了浏览器怎么知道按照谁定位 对于absolute和fixed定位的元素,如果设置了top、left、bottom、right的值后margin属性也就不起作用了 对于...
(1) 布局定位属性:display position float clear visibility overflow (2) 自身属性:width height margin padding border background (3) 文本属性:color font text-decoration text-align vertical-align white-space break-word (4) 其他属性:content cursor border-radius box-shadow text-shadow 12. 定位:position...
(2)width:指定元素的宽度,单位是px或% (3)height:指定元素的高度,单位是px或% 2、CSS字体属性 (1)font-size:文字大小(字号) (2)color:文字颜色 (3)font-family:字体 (4)font-weight:粗细。取值:bold(加粗,相当于<b>)、normal(去掉粗体) (5)font-style:斜体。取值:italic,相当于<i> ...
em单位除了可以作用于 font-size之外,还可以运用于其他使用长度的属性,比如border-width、width、height、margin、padding、text-shadow等。 所以,em的使用还是比较复杂的,它可能会继承任意一级父元素的字体大小。需要谨慎使用。 rem相对于em就简单了很多,它是根据页面的根元素(根元素)的字体大小来计算的。来对上面的...
scroll 滚动(默认值,背景图片会随着内容往窗口里面钻) fixed 固定 20 background :背景的复合属性 background: orange url(1.jpg) 10px 20px no-repeat fixed(没有顺序之分) 21 width:设置元素的宽度 22 height:设置元素的高度 23 padding:设置元素的内边距 24 border:设置元素的边框...
1、通过font-size设置文字大小一定要带单位,即一定要写px 2、如果设置成inherit表示继承父元素的字体大小值。 1. 2. 3. 4. 5. 6. 4、font-family:文字字体 font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif 常见字体: serif 衬线字体 ...
em单位除了可以作用于 font-size之外,还可以运用于其他使用长度的属性,比如border-width、width、height、margin、padding、text-shadow等。 所以,em的使用还是比较复杂的,它可能会继承任意一级父元素的字体大小。需要谨慎使用。 rem相对于em就简单了很多,它是根据页面的根元素(根元素)的字体大小来计算的。来对上面的...
1,字体属性:(font) Snip20170122_11.png 1.1,font-style:(字体风格) inherit; (继承); oblique;(偏斜体) italic;(斜体) normal;(正常) 1.2, font-weight:(文字粗细) 100-900; (整百数值) bold; (加粗) bolder; (比加粗还要粗) lighter; (细文字) ...