核心提示:HTML相关标签学习1. !-- -- 网页结构注释/* 注释内容 */ 样式注释JS 注释 多行注释 /*注释内容*/单行注释 //注释内容2. link rel=shortcut icon hre...
HTML相关标签学习
1. <!-- --> 网页结构注释
/* 注释内容 */ 样式注释
JS 注释 多行注释 /*注释内容*/
单行注释 //注释内容
2. <link rel="shortcut icon" href="logo地址/"/>
引入浏览器地址栏左侧图标 shortcut icon是固定写法
3. CSS样式:修饰页面
样式放置位置:
<link rel="stylesheet" href="样式文件地址" /> 外部样式:企业项目 方便管理
<style>样式</style> 内联样式:
标签属性style="样式" 内联样式:破坏结构 权重非常高
样式语法:选择器(样式属性:值; ......)
选择器:控制标签添加样式
标签选择器:以标签名作为选择器 body
id选择器:以id命名 #名字
4. 标签:
p:盒子模型 有宽度高度 放置内容的长方形区域
span:
5. 命名:添加样式(尽量少用id:id的唯一性导致了id样式无法重用),js控制元素对象
id="" 身份证:唯一性(id名字)
class="" 名字:同名同姓(名字可以重复用) 多个名字
命名规范:
1. 以字母开头,数字,横线,下划线(企业中不要用)
2. 全小写(原本区分大小,企业标准)
3. 见名知义
绝对定位 随意移动 元素
相对定位 父元素 参照物