您现在的位置:首页 >> 前端 >> 内容

HTML相关标签学习

时间:2017/3/7 9:35:00 点击:

  核心提示: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. 见名知义

绝对定位 随意移动 元素

相对定位 父元素 参照物

Tags:HT TM ML L相 
作者:网络 来源:LaurenTime