在 html 中, 写再多的空格, 浏览器也会将其解析成一个空格, 可以用 <br/> 来换行 <hr/> 也是一个字节数标签, 可以生成一条水平线.
在 html 中一些 如 < > 这种特殊字符是不能直接使用的, 但是我么可以通过一些特殊的符号来表示这些特殊字符, 这些特殊字符称之为实体 (转义字符串). 实体的语法:&+ 实体的名字 +; 小于号 < :< 大于号 >< 空格 版权符号 © 等等 实体可以去文档中去找
img 中 alt 的可以用于在图片不显示, 显示对图片的描述. alt 的作用在于可以让搜索引擎 通过 alt 属性来识别不同的图片 src 的相对路径就是当前资源所在目录下的路径
jpeg: 支持图片颜色多, 图片可压缩 但是不支持透明 一般用来保存颜色丰富的图片, 如照片
gif: 支持的颜色少, 支持简单透明的, 支持动态图
png: 支持的颜色比较多, 并且支持透明 . 一般用来显示颜色复杂的透明图片
图片的使用原则: 效果不一致 使用效果好的 效果一致 使用小的
HTML 语法规则: HTML 中标签不区分大小写 . 注释不能嵌套. HTML 中标签必须完整要么完整 要么自结束标签 .HTML 标签可以嵌套, 但不能交叉嵌套. html 中标签的属性必须有值, 且必须加双引号
iframe 可以引入一个外部的页面 使用 iframe 创建一个内联框架
href: 可以写一个完整链接地址, 也可以写一个相对路径 创建超链接时, 如果跳转页面不确定, 可以用 #占位, 同时, 如果设置了 #, 点击链接会回到顶部
mailto: 邮件地址 点击会默认打开计算机的电子邮件客户端
center 标签让内容居中
CSS 用 link 进行引用 CSS 的注释 /**/ CSS 分为选择器 声明块 选择器即标签元素, Class id 等, 声明块即大括号中的元素的属性
块元素 内联元素 块元素: div p h1 h2 等 内联元素: span a iframe img 等
元素选择器: 对整个元素进行设置样式 id 选择器 # class 选择器 . 通配选择器 * 复合选择器 交集选择器 属性选择器 (p[titile])
元素之间的关系: 父元素 子元素 祖先元素 后代元素 兄弟元素 语法
伪类: 专门用来表示元素的一种特殊状态 如未访问的超链接 访问的超链接 获取超链接的焦点等
伪元素: 使用伪元素来表示一些元素的特殊的位置 如: p:first-letter p:first-line
before 表示元素最前面的部分, 通常与 content 结合使用 p:before{content:} after 用法一样
:nth-child(n) 第 n 个 even 表示奇数 odd 表示偶数
:first-child 第一个子元素 :last-child 最后一个子元素 :first-of-type 当前类型中的第一个 :last-of-type 当前类型中的最后一个 :nth-of type 当前类型的第 n 个
p> span{} 表示寻找 p 元素的子元素 span p+span 设置 p 元素后面紧挨着的兄弟元素 span 必须是紧挨着 的 (如果 p 后面紧跟着的不是 span, 则没有效果) p~span p 后面的所有的兄弟元素 span
否定伪类: 可以从选择的元素中剔除某一个元素 p:not(. 类名) 选择除了类名为 的 p 元素
在 CSS 中, 样式可以被继承 , 将一些基本的样式设置给祖先元素, 这样这个样式就会被所有元素继承. 但是不是所有样式都会被继承, 比如背景相关的样式, 边框相关的样式, 定位相关的样式
选择器的优先级: 选中同一个元素设置相同的样式时, 产生冲突时, 会有优先级的选择. id(#)>class(.)> 元素
来源: http://www.bubuko.com/infodetail-2714811.html