html和css的使用方法以及样式，很好的基础知识系列，内容都是干货知识点，适合收藏下来！
布局步骤
第一步： 清除默认样式
第二步： 划分模块
第三步： 设置模块的大小以及位置
第四步： 划分下一级模块
html和css
引入网页头像
<link rel="shortcut icon" href="img/...ico">
css样式表的引入方式
css样式表的引入方式
1、外链式
<link href="" rel="stylesheet">
2、嵌入式
<style></style>
3、行内样式
<div style="width:200px;height:200pxs;"></div>
- @import url('')
文件命名以及变量命名
命名规范
1、严格区分大小写
2、可以采用字母数字下划线$,数字不开头
3、命名语义化
4、可以采用驼峰命名法
清除默认样式
清楚边距
*{
margin: 0;
padding: 0;
list-style: none;
}
a标签清楚下划线和颜色
a{
color: black;
text-decoration: none;
}
css中颜色的表示方式
css中颜色的表示方式：
1.预定义的颜色【关键字颜色】 red pink blue yellow
2.#6位数的色值 #00-00-00 红绿蓝
3.rgb（红，绿，蓝） ：rgb([0-255],[0-255],[0-255])
4.rgba（red，green，blue，透明度） ：rgba([0-255],[0-255],[0-255]，[0-1])
0-1: 0全透明，1不透明
html中的标签和属性
html：
标签：
按照语法分类：
1.单标签：只有开始标签
meta img a
2.双标签：有开始标签和结束标签
<html></html>
3.属性的语法
语法：
属性名 = "属性值"
属性名 = "属性值1 属性值2"
注意:
1、标签名和属性名之间要有空格
2、多个属性之间要有空格
3、多个属性值之间要有空格
4.开始标签 标签名后有空格
