css的引入方式:
1. 内联样式
<!-- 内联样式 -->
<div style="width:200px; height: 200px;background: red;">1</div>
优点:优先级最高
缺点:太麻烦了,不容修改
2. 内部引入样式
<style>
/* 内部引入样式 */
div{
width:200px;
height:50px;
background: yellow;
}
</style>
优点:加载快,不需要服务器请求
缺点:不易重用,不好维护
3. 外部引入样式
<link rel="stylesheet"href="div.css">
目前主流的写法,需要服务器请求
优先级:
内联样式 > 内部引入样式
内部引入样式 与 外部引入样式 优先级相同,有顺序之分
默认内部引入样式,比外部优先级要高
<span></span>
<div></div>标签分为两类:
1. div 块属性标签
块属性可以设置宽高
块属性标签独占一行
默认宽度100%
2. span 行属性标签
不能设置宽高
内容撑开宽高
一行显示
标签之间的嵌套问题:
1. a标签不能嵌套a标签
2. 行标签 不能嵌套 块标签
3. 块标签 可以随意嵌套 除了p,h,dt可以嵌套行,但不能嵌套块
代码规范:
1. 所有的书写都必须是英文小写
2. 所有的双标签都必须闭合
3. html标签用tab去缩进
4. 属性值必须用双引号
5. ul,li ol,li dl,dt,dd有父子关系的标签,配套使用
快捷键:
commond + s 保存
commond + c 赋值
commond + v 粘贴
commond + z 撤销
commond + a 全选
commond + + 字体放大
commond + - 字体缩小
commond + / 注释
commond + r 网页刷新
commond + tab 窗口切换
commond + n 新建窗口
普通标签:
<!-- 标题 块标签 -->
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
<!-- 段落 块标签 -->
<p></p>
<!-- 换行 -->
<br><!-- 分割线 -->
<hr>
<!-- ul 无序列表 -->
<ul>
<li></li><ul>
<!-- 有序列表 块标签 -->
<ol>
<li></li><ol>
初级阶段的三个重要标签
a标签
img标签
input标签