Web前端复习01

个人易忘知识点。
HTML：Hyper Text Markup Language 超文本标记语言
易忘标签：i：斜体 u：下划线 s：删除线
src：资源路径
相对路径：访问站内资源。同级：直接写图片名，上级目录：../图片名，下级目录：文件夹名/图片名
绝对路径：访问站外资源，图片盗链
width/height：设置宽高，只设置宽度高度会自动等比例缩放
超链接 a
href：资源路径。a包括文本为文本超链接，包括图片为图片超链接 页面内部跳转 添加id=xxx 在href：“#xxx”
input：checkbox：多选 radio：单选 checked：默认选中 date：日期选择 file：文件选择 submit：提交
select：下拉选择
分区标签：div：块级分区，独占一行 span：行级标签，共占一行
HTML5中新增：header头、footer脚、main主体、section区域、nav导航
CSS：Cascading Style Sheet 层叠样式表
引入方式：内联、内部、外部
选择器：分组选择器：h1，#id，.class{样式代码}
伪类选择器：选择的是元素的状态，未访问状态，访问过状态，悬停状态，点击状态
颜色赋值：rgba(255,0,0,0-1) a=alpha代表透明度
background-repeat:no-repeat;背景图片禁止重复
text-decoration:overline上划线/underline下划线/line-through删除线/none去掉文本修饰
显示方式：display
行内元素不能修改宽高，需先改成block或inline-block。
盒子模型：margin border padding content
粘连问题：当元素的上边缘和上级元素的上边缘重叠时，给元素添加上外边距会出现粘连问题，给上级元素加上overflow:hidden解决
给元素添加内边距会影响元素的显示宽高
CSS三大特性：继承，层叠，优先级：!important>id>class>标签名>继承