学习html5中的一些笔记

1:想要铺满整个div,就别控制他的宽度,只设置高度就行。

2:CSS有哪几种引入方式:

a,行内式:<标签名 style=''属性1:属性值1;属性2:属性值2;''>内容</标签名>

b,内嵌式:<head><style> 选择器{属性1:属性值1;属性2:属性值2;}</style></head>  //选择器就是你要控制的那个部分

c,链入式:创建一个css文件,用<link/>把外部样式引入HTML中,基本语法如下:

<link href=''css文件路径'' type=''text/css''  rel=''stylesheet''/>

href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径;

type:定义所链接的文档类型,"text/css"表示连接的外部文件为CSS样式表;

rel:定义当前文档与被链接文档之间的关系,这里指定的是样式表文件;

3:

background与background-color的区别:
background 可以设置 背景颜色、背景图片、定位等 
background-color 只能设置 背景颜色 

  4:利用浮动布局让两个div并排显示,可以到百度上找资料,蛮简单的; 

两种方法,放图片吧,懒得敲了

方法一:(body里面可以不用一个大div包括两个小div)

 

效果:

方法二:(注意对比就行了)

5:普通div与带有float属性的div的区别:(代码与上类似)

6:浮动的清除。

在该元素的css中,添加clear属性,清除左浮动(clear:left;)清除右浮动(clear:right;),左右浮动都清除(clear:both;)

父项的高度如果比子项的小,不会限制子项的显示。也就是说,子项会覆盖在父项上,父div只能约束子div的宽度,对于高度没有影响.

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值