CSS 基础知识

本文概述了CSS层叠样式表(Cascading Style Sheets)如何定义HTML元素的显示方式,强调了CSS与HTML之间的内容与表现分离,以及外部样式表在提高工作效率方面的作用。文章还介绍了HTML标签的基本分类,如块级元素与行内元素,并通过实例解释了如何使用display属性改变元素的布局。

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

概述:

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表中
  • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件中
  • 多个样式定义可层叠为一

 

整体理解:

 

知识点介绍:

 

1.HTML标签分两种形式: 块级元素,行内元素

    div是块级元素,沾满一行.

    span是行内元素.根据内容决定占多数空间.

2.盒子模型对行内样式不起作用可以使用display属性改变生成的框的类型。这意味着,

可以通过display 属性设置为 block,可以让行内元素(比如 <a> 元素)表现得像块级

元素一样。还可以通过把 display 设置为 none,让生成的元素根本没有框。这样的

话,该框及其所有内容就不再显示,不占用文档中的空间。

 

总结:

 

  CSS主要实现网页内容与样式的分离,HTML就像是一个大的柜子,HTML的标签就是柜

子里面的各种小抽屉,用来存放东西,而CSS就是来通过标签来规定这些抽屉的布局,样

式,以及这些东西如何存放在抽屉中。需要注意的是CSS是层叠样式表,也就是当我们修

改CSS样式时,修改的是所有使用这个标签的HTML网页的样式,这样就提高了我们的工作

效率。

 

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值