二 html的css的选择器,HTML5+CSS3技术(二)CSS使用方法和选择器

原标题:HTML5+CSS3技术(二)CSS使用方法和选择器

css->基础知识

HTML负责网页的内容,CSS负责网页的样式,可以减少网页代码量,更能提高网络访问网页的速度;

CSS是Cascading Syle Sheet的缩写,翻译成中文是层叠样式表单,有时简称样式表;

CSS文件链接分成:内联接(嵌入式)、链接内部css、链接外部css;

CSS层叠样式优先级:嵌入式 >链接内部css >链接外部css;

css ->选择器

->标签选择器

->类选择器(同类)

->id选择器(唯一)

选择器优先级

CSS其他选择方式

十点垒码编程

h1 em{...} -->选择h1下面的子元素 em

em .aweitalk{...} -->选择所有class为aweitalk的em

h1 #first{...} -->选择所有id为first的h1

h1[name]{...} -->选择所有包含name属性的h1精确

精确查找

CSS常用规范

样式顺序:标签 -> id ->class

父标签 ->子标签

如下格式,注意封闭括号要和标签对齐,好处方便查找

h1{

color:#C00;

font-size:36px;

}

如下格式,注意子标签要缩进对齐

#one h1{color:#36C;}

.red{color:#F00;}

.blue{color:#039;}

笔者「垒码大叔」;

初入IT世界的小白,欢迎大神留言交流,你的互动,是我成长的动力;

如果觉得分享内容还不错,就推荐到你的朋友圈吧,让更多人一起交流和分享;

笔者:垒码大叔「 AWEI」返回搜狐,查看更多

责任编辑:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值