小白学css样式+元素选择器

html
1.常用标签：
（1）a超链接标签（行内标签），href实现路径跳转（必须加上）
（2）块级元素～行内元素区别
1）块级：
占一整行
可设置宽高
可包含任何其他的元素（除了p标签特殊）
2）行内：
内容有多大就占多大
从左到右依次排布
不能设置高度 高度由内容撑开
只能包含行内元素（文字，但a标签可包含任何标签）
（3）无序列表：ul里面只能放li，但li可以放其他的标签，li里面的内容结构相似，内容相近
（4）有序列表：ol里面只放li
（5）dl自定义列表，dt描述dd的，可以有多个dd
2.css基本样式+元素选择器
css层叠样式表
（1）样式引用：
1）行内样式。
缺点：结构不明确，不易维护，代码不能复用
2）内部样式，在头部style标签中写。
缺点：当样式多时，不好维护，复用性不强。
3）外部样式，通过link标签链接css文件。如何检验链接成功？按住ctrl键去点击css文件。需新建文件夹：css／demo.css
4）外联样式常用，内联平常使用，绝对不能使用行内样式
元素选择器：
（1）标签选择器
（2）类选择器（任何标签都可以命名一样的名字，多个类名用空格隔开）
（3）id选择器（id仅有唯一性）
（4）多类名选择器，如：div.box1（标签选择器一定要写在最前面）
权重：!important～行内（100）～id（100）～类名（10）～标签选择器（1）～通配符（0）
常用样式：
宽～高～背景颜色～元素对外面的距离（margin:top，bottom，left，right，复合属性：顺时针：上右下左。水平居中：margin:0 auto）~文字字体（浏览器默认微软雅黑字体）～文字大小（默认16px，最小为12px）～字体颜色
注意：
（1）平常作业格式命名
demo.html平常的小项目
index.html做网站首页使用
其余网站的命名则根据当前的需求来
（2）一行尽量不要有两个标签，保证代码工整性
（3）h标签不要包括
（4）不要有超纲知识点做作业
（5）特殊的标签
1）块级p不能放任何的块级标签，可以放行内元素
2）特殊的行内标签a可以包含任何的标签