html css基础分享.pdfVIP

没有 百度文库财富值 请到 文库帮手网 免费帮下载 百度文库积分 资料 本文由silent_bb贡献 doc1。 html+css 基础分享 目录 方式 4. 块级元素和行级(内联)元素 5. html 嵌套规则 6. 盒模型 7. 绝对定位，相 对定位 8. css 简写 9. 水平、垂直居中 10. 背景拼合（css sprites） 11. 常见浏 巧 一、web 标准 web 标准不是某一个标准，而是一系列标准的集合。 web 标准是由三大部分组 CSS。 行为（behavior） ：DOM、ECMAScript。 二、常用 html 标签 段落 无序列表 有序列表 释义列表 页面主标题 页面副标题 页面模块标题 标题，因 考虑 seo 原因，页面中用的不多 表单 表格相关 行级元素 span 控制行级元素的样式，没有语义 a 链接 strong 重点内容，加 粗，seo 中用于标示重点内容 em 重点内容，斜体 label 表单中用，提升用户体验 input 单行文本框，单选框，复选框，按钮 s elect 选择框 textarea 文本框 button 按钮 img 图片 例：ex1.html（布局分析） 基础、 样式、 三、css 基础、常用 css 样式、css 引入方式 css 基础 样式表定义。属性和属性值之间用冒号(:)隔开，定义之间用分号(;) 隔开。 常用 css 选择符 类选择符（.类名，页面中可使用多次） .nav { background:#ccc; } id 选择符(#id 名，页面中只能使用一次) #nav { color:#c00; } ackground:#ccc } 逗号对选择符进行分隔， 使得页面中所有的 h1,h2,h3,p,span 都将具有相同的样式 定 义。这样做的好处是对于页面中需要使用同样式的地方只需要书写一次样式表即可 实现，减少 代码量，改善 css 代码的结构。 一个对象中的子对象进行样式指定时，包含选择符就派上用场。 这是我们的一段文本这是 span 内的文本 标签指定式选择符（标签类(id）) 如果既想使用 id 或 class，也想同时使用 标签选择符，可以使用如下格式： h1.p1 {} 表示针对所有 class 为 p1 的 h1 标签 。 组合选择符 h1 .p1 {} page 1 h1#content h2{} id 为 content 的 h1 标签下的 h2 标签。 ，包含所有不同 id 不同 class 的 XHTML 的所有标签。使用如上的选择符 进行样式 定义，页面中所有对象的背景色均为白色。 伪类及伪对象 a:hover { background-color:#333; } CSS 优先级 所谓 CSS 优先级，即是指 CSS 样式在浏览器中被解析的先后顺序 。 特性值 1 2 10 11 22 100 特性值 1 1+1=2 10 1+10=11 1+10+1+10=22 100 1. 有!important 声明的规则高于一切。 2. 如果优先权一样，则按照在源码中 出现的顺序决定，后来者居上。 CSS 继承 继承是 CSS 的一个主要特征，它是依赖于祖先-后代的关系的。继承 是一种机制，它允许样式 不仅可以应用于某个特定的元素，还可以应用于它的后代。 background 等 设置元素和其他元素或内容之间的距离； 3、padding：设置元素的子元素或内容到此 出其指定的范围时将如何管理内容； 6、display：设置该元素是否以及如何显示；( lay 不同的是，即使不显示此对象也会有空的 占位； 8、position：设置元素的定位 tom、left：设置该元素与其最近的一个具有定位设置的父对象相关的位 置。分别为 上、右、下、左四个位置，此四个属性只在该元素的定位（position）属性被设置 时 有效； 文本、 文本、文字属性 1、font：设置元素中文本的属性。该属性是复合属 t：文字的粗细； 对象中首行文本的缩进值； 4、text-align：设置对象中文本的对齐方式； 5、vert 本的修饰； 背景属性 background：用于设置背景的所有特性。该属性是