CSS---样式表

CSS:层叠样式表,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS特点:实现网页内容与样式的分离

CSS选择器(优先级):ID选择器>类选择器>HTML标签选择器

  1. id选择器(优先级最高 0100)如:#id{...}
  2. 类选择器(优先级次之 0010)如:.class{...}
  3. 标签选择器 (优先级最低 0001,涉及最广)如: div{...}

选择器是什么:

所谓CSS选择器(selector)就是,对HTML页面中的元素实现一对一,一对多或者多对一的控制,从而实现布局调整,元素类型重定义,元素美化,文本、图像美化,完善交互,播放动画等一系列的功能

怎么用:

ID选择器:只能有一个样式

<span id="special">栏目四</span>

类选择器:可以通过空格,增加样式,如果有样式起冲突,会根据CSS排列顺序进行替换,例如:第一个样式是红色,第二个样式是蓝色,如果再CSS中蓝色样式在红色之后,那么就会被替换成蓝色显示在界面中(下面是两个样式niu和menu)

<span class="niu menu">栏目五</span>

标签选择器:直接在CSS中定义,写出名称即可

/*标签选择器*/
body {
    color:#ff0000;
}
<body>
    <span>栏目四</span>    
</body>

也可以并列书写,说明颜色是一样的,用逗号隔开

/*并列书写*/
.menu,.title{
    background-color:#808080;
}

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值