随笔分类 - HTML笔记
摘要：CSS初始化 移动端CSS初始化推荐使用normalize.css http://necolas.github.io/normalize.css/ CSS3盒子模型box-sizing 传统模式宽度计算：盒子的宽度=CSS中设置的width + border + padding CSS3盒子模型：盒
阅读全文
摘要：新增的语义化标签 <header>头部标签</header> <nav>导航标签</nav> <section>定义文档某个区域</section> <aside>侧边栏标签</aside> <footer>尾部标签</footer> 注意： 这种语义化标准主要是针对搜索引擎的 这些新标签可以在页面
阅读全文
摘要：定位 概念：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子 作用：可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置 定位模式 定位模式决定元素的定
阅读全文
摘要：CSS的三大特性 CSS有三个非常重要的特性：层叠性、继承性、优先级 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式样式离结构近，就执行哪个样式 样式不冲突，不会层叠 继承性 子标
阅读全文
摘要：CSS的元素显示模式 作用；网页的标签非常多，在不同地方会用到不同类型的标签，了解它们的特点可以更好的布局我们的网页 HTML元素一般分为块元素和行内元素两种类型 块元素 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>等，其中<div>是典型的块元素 块级元素的特点： 元素
阅读全文
摘要：CSS引入方式 按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三大类 行内样式表（行内式） 内部样式表（嵌入式） 外部样式表（外链式） 内部样式表 内部样式表（内嵌样式表）是写到html页面内部，是将所有的CSS代码抽取出来，单独放到一个<style>标签中 <style> div
阅读全文
摘要：CSS CSS规则由两个主要的部分构成：选择器以及一条或多条声明 语法规范： 选择器 { 属性: 值 /*属性和值统称为一个声明*/ } CSS选择器参考： 选择器 例子 例子描述 .class .intro 选择 class="intro" 的所有元素。 .class1.class2 .name1
阅读全文
摘要：HTML列表 列表是用来布局的 无序列表 <ul></ul>标签表示无序列表,一般会以项目符号呈现列表项,而列表项使用<li></li>标签定义 无序列表的基本语法格式: <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ... </ul> 无序列表的各个
阅读全文
摘要：文档类型声明标签 <!DOCTYPE>： 文档类型声明，作用是告诉浏览器使用哪种HTML版本来显示网页 lang语言种类 用来定义当前文档显示的语言 1.en定义语言为英语 2.zh-CN定义语言为中文 字符集（Character Set） 字符集（Character Set）是多个字符的集合，以便
阅读全文
