CSS样式

CSS样式说明:
CSS 即cascading style sheet .最主要的作用是的我们的网页起到一个美化作用,对于一个网页,我们可以用HTML来添加一些文字等内容,但是,美观与否,我们需要通过一个CSS的代码来控制,今天我们先来简单的说一下CSS的几种加载形式,和CSS的几种选择器。即怎么选择上去的。
我们常见的CSS加载方法有4种,

-1. 就是直接把CSS写进HTML标签里面,由于这种方法离我们的文本最近,故其优先级最高的。我们可以叫这种为行内式
-2 第二种 是把CSS写进style里面,这种方式,我们叫做内嵌式。-
-3 第三种是我们的内链式,这种方法里面,我们通过link导入CSS样式文件,来对网页做美化。
-4 第四种也是一种写进style的形式的,但是我们用@import导入,且此方法会最后加载,故体验感较差,我们一般会在高级阶段时,经过一些打包处理,在对这个方法进行使用。(以上导入方式的优先级为文本写作顺序,我们可以简单的理解为距离修饰文本越近,优先级越高)
CSS选择器
我们经常运用有标签选择器
一般写法为 标签{ }
类选择器 .类名{ }
id选择器 #id名{ }
后代选择器 如div h1{ } 后代选择器是指div中所有的h1;
子选择器 写法如div>h1{ } 只是是div子标签的h1 ,不包含其他的h1 标签
仿类选择器 对于a标签而言 有4种可以使用 :link :visted :hover :actived (且需要一定的顺序排列时,才会起作用) 其他的标签一般使用的是后两个。
还有一种就是同级选择器 ,这种用逗号连接两个或者多个类 或者id 选择器名称,然后表示他们有相同的CSS样式。
还有一种叫做属性选择器 是以属性名来作为选择器的开始

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值