div+css参考笔记.docVIP

先用div布局 用CSS控制显示 根据需要用有语义标签或无语义标签 先用div布局 用CSS控制显示 根据需要用有语义标签或无语义标签 编码与charset 不一致 则会导致乱码 如果id取名字用 数字命名 则会导致css文件无效如果不声明DOCTYPE 低版本IE 显示效果不一样盒子长 width+border-left+border-right+margin-left+margin-right+padding-left+padding-right盒子高 height+border-top+border-bottom+margin-top+margin-bottom+padding-top+padding-bottom盒子里面 文本占地的大小 等于width和height的大小 与padding margin border无关padding会导致 所占空间发生变化 可以破坏布局解决方法 为了不破坏布局 在增加padding后 要减少原来width和height的值父子div 竖直方向margin会重叠 父DIV 与外界的margin值为子DIV的margin 子DIV与父DIV之间的margin 无效普通元素 margin会重叠 值为重叠margin 的最大值 块元素(block element)? ? address - 地址? ? blockquote - 块引用? ? center - 中对齐块? ? dir - 目录列表? ? div - 常用块级容易，也是CSS layout的主要标签? ? dl - 定义列表? ? fieldset - form控制组? ? form - 交互表单? ? h1 - 大标题? ? h2 - 副标题? ? h3 - 3级标题? ? h4 - 4级标题? ? h5 - 5级标题? ? h6 - 6级标题? ? hr - 水平分隔线? ? isindex - input prompt? ? menu - 菜单列表? ? noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容? ? noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）? ? ol - 排序表单? ? p - 段落? ? pre - 格式化文本? ? table - 表格? ? ul - 非排序列表? ? 内联元素(inline element)? ? a - 锚点? ? abbr - 缩写? ? acronym - 首字? ? b - 粗体(不推荐)? ? bdo - bidi override? ? big - 大字体? ? br - 换行? ? cite - 引用? ? code - 计算机代码(在引用源码的时候需要)? ? dfn - 定义字段? ? em - 强调? ? font - 字体设定(不推荐)? ? i - 斜体? ? img - 图片? ? input - 输入框? ? kbd - 定义键盘文本? ? label - 表格标签? ? q - 短引用? ? s - 中划线(不推荐)? ? samp - 定义范例计算机代码? ? select - 项目选择? ? small - 小字体文本? ? span - 常用内联容器，定义文本内区块? ? strike - 中划线? ? strong - 粗体强调? ? sub - 下标? ? sup - 上标? ? textarea - 多行文本输入框? ? tt - 电传文本? ? u - 下划线? ? var - 定义变量text-decoration??none? ?? ?? ?默认。定义标准的文本。的一条线。? ?text-decoration? ?? ?? ? overline? ?? ?? ?定义文本上的一条线。text-decoration? ?? ?? ???line-through? ?? ?? ?定义穿过文本下的一条线。text-decoration? ?? ?? ???blink? ?? ?? ?定义闪烁的文本。 //IE不支持 火狐下可以使用text-decoration? ?? ? inherit? ?? ?? ?规定应该从父元素继承 text-decoration 属性的值。text-decoration? ?? ?underline? ?? ?? ?定义文本下的一条线。background-color文本背景颜色color 文本字体的颜色text-indent 首行文本的缩进text-align 文本对齐 方式 left