html5入门(2)

1选择器优先级

首先要知道css的用法。一般css写入方法为两种,网页中和网页外。通常将css放入标签中。网页外写入为

<!doctype html>
<html>
<head>
    <link type=“text/cssrel=“stylesheet” href=“css路径”>  //引用css文件//
</head>
<body>
.........
</body>

引用标签为link, type为文件类型, rel为stylesheet, href为路径点。
网页内写入为

<!doctype html>
<html>
<head>
    <style type=“text/css”>
    .........
    </style>
</head>
<body>
........
</body>
</html>

不管外部引用还是内部书写,css对于改变网页外观都基于css选择器,css选择器分为id选择器,类选择器,标签选择器,后代选择器,子代选择器,群组选择器。每一个标签都有id,class属性,id选择器为

<style type=“text/css”>
#id{
.......
}
</style>

类选择器为

<style type=“text/css”>
.class{
......
}
</style>

标签选择器为

<style type=“text/css”>
p{
.....
}
</style>

三个选择器的优先级为,id选择器>类选择器>标签选择器。

2浮动布局

网页加载是按照文档流形式,也就是从上到下加载,如果使用浮动布局,就会脱离文档流,会对父级标签产生影响,但是浮动布局会对网页布局作出很大贡献。
浮动布局在css中为
float: left/ right;
即向左浮动或向右浮动。浮动布局遵守浮筒原理,其意思为,假如向左浮动,块元素会从右下浮起,直到浮到顶端,在向左漂动,直到最左端。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值