随笔分类 - WEB学习
摘要:行高和字号 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。 单行文本垂直居中 文本在行里面是居中 其中,行高:盒子高; 需要注意的是,这个小技巧,行高=盒子高。 只适用于单行文本垂直居中!!不适用于多行。 如果想让多行文本垂直居中,需要设置盒
阅读全文
摘要:margin的塌陷现象 标准文档流中,竖直方向的margin不叠加,以较大的为准。 如果不在标准流,比如盒子都浮动了,那么两个盒子之间是没有塌陷现象的: 盒子居中margin:0 auto; margin的值可以为auto,表示自动。当left、right两个方向,都是auto的时候,盒子居中了:
阅读全文
摘要:浮动的清除 来看一个实验:现在有两个div,div身上没有任何属性。每个div中都有li,这些li都是浮动的。 <div> <ul> <li>HTML</li> <li>CSS</li> <li>JS</li> <li>HTML5</li> <li>设计模式</li> </ul> </div> <d
阅读全文
摘要:盒子的区域 一个盒子中主要的属性就5个:width、height、padding、border、margin。 width是“宽度”的意思,CSS中width指的是内容的宽度,而不是盒子的宽度。 height是“高度”的意思,CSS中height指的是内容的高度,而不是盒子的高度 padding是“
阅读全文
摘要:基础选择器 1 标签选择器 就是标签的名字。 • <h1>前端与移动开发<span>1期班</span>基础班</h1> css: • <style type="text/css"> • span{ • color:red; • } • </style> 注意的是: 1) 所有的标签,都可以是选择器
阅读全文
摘要:列表 无序列表 无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的。 ul就是英语unordered list,“无序列表”的意思。 li 就是英语list item , “列表项”的意思。 这是我们学习的第一个“组标签”,就是要么不写,要么就要写一组。 • <ul> • <
阅读全文
摘要:HTML对换行不敏感,对tab不敏感 HTML只在乎标签的嵌套结构,嵌套的关系。谁嵌套了谁,谁被谁嵌套了,和换行、tab无关。 换不换行、tab不tab,都不影响页面的结构。 所以: • <div> • <h3></h3> • <p></p> • </div> 完全等价于: • <div> • <h
阅读全文
摘要:HTML的标准骨架 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:
阅读全文
摘要:参考以下链接:https://www.cnblogs.com/cui-cui/p/8507435.html
阅读全文

浙公网安备 33010602011771号