极快过一遍html+css3

• HTml 超文本标记语言 在一个网站上起到的作用如同房子的骨架
• html主要的作用体现在他的标签上
• 如：p段落标签 div盒子标签 table表格标签 a超链接标签 img图片标签等
•  
• 每个标签里都有多个属性，属性用来控制该标签的样式与行为 （属性等同于一个人的身高，体重，胖瘦）
•  
• html文件命名规范：全英文小写用_分割英文单词，文件夹的名称也应该全用小写字母

1. url（地址的别名）：
2. 第一个部分：模式
3. 例子：http、https，ftp，mailto
4. 第二个部分：主机名
5. 例子：www.百度.com
6. 第三个部分：路径
7. 目录/目录/xxx.html
8. 默认index.html文件
9. 语义化很重要！

html5新增的语义化标签/元素

1. header:页眉
2. nav: 里面存放一群超链接
3. main：主要内容/功能
4. article：文章标签
5. section：定义区块
6. aside：指定附注栏
7. footer：页脚

通用容器 div 无语义 yyds

简单了解一下ARLA改善可访问性 提升无障碍阅读页面 地标角色 role属性跳到指定区域 元素的title属性也可以 提升使用辅助设备用户的用户体验

small元素 指定细则

通常包括免责声明，注意事项，法律限制，版权信息等

标记重要文本元素em、strong

创建图 figure、figcaption元素

cite元素 指明引用和参考

blockquote元素 引述文本

address元素 作者信息

del 删除线 ins 下划线

code 使文本看起来像代码

pre 预格式化的文本 保留固有换行和空格

mark 该元素用于提取读者对特定文本的注意 如同荧光笔突出内容

br换行 span行标签

u下划线 wbr换行

ruby 、rp 、rt元素 基于生僻字拼音

bdi bdo 奇奇怪怪的元素、在从右至左书写或者从左至右书写的时候能用上？

meter元素 图形统计表 progress 进度条

图像 img

链接 a

跳到页面指定位置，给指定位置class一个名字然后 直接herf=“.name”赶过去

CSS

会被继承的属性

1. color 颜色a标签不管用
2. direction 方向？
3. ont 字体
4. font-family 字体系列
5. font-size字体大小
6. font-style设置斜体
7. font-variant设置小型大写字母
8. font-weight设置粗体
9. letter-spacing字母间距
10. line-height行高
11. text-align设置对齐方式
12. text-indent 首字母缩进

列表。

• list-style 列表样式
• list-style-image用于列表指定定制的标记
• list-style-position 用于确定列表标记的位置
• list0style-type用于设置列表标记

表格

• border-collapse 用于指定表格相邻单元格的边框是否合并为单一边框
• border-spacing 用于指定表格边框之间的大小
• caption-side 用于设置表格标题的位置
• empty-cells用于设置是否显示表格中的空单元格

属性的值

inherit 继承父级元素属性的值

css有外联内联行内样式

用link引用外联样式 在heard标签中创建style使用内联样式 在需要改变的元素中使用style=“xxxxx：xxx”为行内样式

css选择器

元素名选择器，id选择器，类选择器

这篇好文章是转载于：学新通技术网