web前端篇:css练习题

本文探讨了web前端中CSS的基础与进阶问题,包括div和span的作用、选择器类型、盒子模型、文本居中、样式重置等关键知识点。同时,文章提到了前端开发中常见的样式继承、权重比较以及元素类型的理解。此外,还推荐了一个前端学习交流群,供开发者提升技能和分享资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.div和span标签在网页中的作用?

div将网站分割成独立的逻辑区域division分割
span:小区域标签,在不影响文本正常显示的情况下,单独设置对应的样式。
<style>
    span.active{
    font-weight:bold;
    }
</style>
<p>
    <span>内容</span>
</p>

2.CSS基础选择器和高级选择器有哪些?

- 基础选择器
  - 类选择器
  - 标签选择器
  - id选择器
- 高级选择器
  - 后代选择器
  - 子代选择器
  - 组合选择器
  - 交集选择器
  - 伪装选择器      (link visited hover active)
  - 伪元素选择器

3.盒子模型的属性有哪些?并说明属性的含义,画出盒子模型图?

- width:内容宽度
- height:内容的高度
- border:边框
- padding:内边距
- margin:外边距

4.如何让文本垂直和水平居中?

<style>
    div{
        width:200px;
        height:60px;
        text-align:center;
        line-height:60px;
    }
</style>
<div>
    wusir
</div>

让行高等于盒模型的高度实现垂直居中
使用text-align:center;实现文本水平居中

5.如何清除a标签的下划线?

text-decoration:none;
none:无线,underline:下划线,overline:上划线,line-through:删除线.

6.如何重置网页样式?

h
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值