十八哥视频教程中html和css的tips

1、做网页需要先布局，使用div占块布局，布局的原则从上到下，从左到右，从大到小；

2、css的引入方式有四种：

• 内部样式表，直接在html文档的head部分增加style标签，对属性进行设置；
• 链入外部样式表，使用link链接外部的css文件；
• 导入外部样式表，使用@import导入
• 直接在标签文件中写入样式

3、div默认是独占一行的

4、float是飘的意思，浮动元素必须有width，不然浮动元素就会无限往两边飘，导致在页面中无法看到；

5、float下面普通的div元素会被浮动元素挡住，父div不能被撑起来，导致看不到，解决问题方法有：

• 给父div一个高度；
• 在父div下面添加一个空的div命名为clr，其样式设置为{clear：both；width：0px；height：0px；}

6、父div中有两个浮动div，父div是不能被撑起来的，其高度为0；

7、浮动元素上方还可以再放置浮动元素；

8、新手会犯的错误有：

• 不加Doctype，导致低版本的IE解析效果不一样；
• 数字作为id，导致css 样式不能起作用；
• 声明的编码charset与所用的编码要一致。

9、盒模型：把div当成一个盒子来看待，盒子与盒子直接的距离叫margin（外边距），盒子壁的厚度叫bord（边框），盒子壁与内容物之间的距离叫padding（内边距），里面放的东西叫做content（内容物）；

10、父元素的浮动元素超过父元素的总宽度，就会被挤下来，导致浮动元素不在一行里；

11、针对类写css比较省事，可以对更多的元素起作用；

12、css画三角形，档border比较宽，而元素的width和height很小时，border的形状会变成三角形。