十八哥视频教程中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的形状会变成三角形。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值