CSS-页面样式,选择器

本文介绍了CSS的起源及其在解决HTML维护问题上的作用。内容包括页面样式的四种方式:行内样式、内嵌式、链式和导入样式,强调了样式分离和复用的优势。接着详细阐述了CSS选择器,包括标记选择器、类别选择器和ID选择器,特别是类别和ID选择器在区分和定位网页元素中的独特作用。最后,讨论了选择器声明的策略,提倡通过外层标记定义class或id,简化内层标记的样式管理。
摘要由CSDN通过智能技术生成

CSS出现

CSS的出现源于传统HTML维护困难,标记不足,网页体积过大,对于各个模块的位置调整困难。CSS层叠样式表,用于控制网页样式并允许将样式信息与网页内容分离的一种标记语言。

一、页面样式

1.行内样式

...
<body>
    <p style="color:#fff;font-size:10px;...">内容</p>
</body>
...

网页容易体积过大,维护成本高
2.内嵌式

...
<head>
<style>
   p{
      color:#fff;
      font-size:10px;
   }
</style>
</head>
...

3.链模式,将HTML页面本身与CSS的样式分类为多个文件

...
<head>
     <link href="1.css" type="text/css" rel&#
评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值