ヾ(⌐ ■_■)— CSS简介篇

本文介绍了CSS的主要作用,包括美化HTML、样式和HTML代码分离、精确布局等,并探讨了CSS的特性——继承性和层叠性。接着,详细阐述了CSS基本语法,并解析了CSS样式如何与HTML结合使用的三种方式:内联样式、内部样式和外部样式,强调了外部样式的高复用性。
摘要由CSDN通过智能技术生成

 目  录 

1.CSS样式的作用

2.CSS的特性

(1)继承性

(2)层叠性 

 3.CSS的基本语法

4.CSS样式如何与HTML结合使用

(1)内联样式

(2)内部样式

(3)外部样式


1.CSS样式的作用

        CSS(Cascading Style Sheets)层叠样式表。该样式表的 主要作用就是来美化HTML标签 。经过之前的学习就会发现HTML标签会默认自带一些样式甚至会带有属性,但是只用HTML的默认样式来渲染已经满足不了我们当下丰富的需求了。这个时候就需要CSS样式表来充分渲染了。CSS样式的作用说详细点的话,可以分为以下几点:

  • 实现了样式和html的代码分离
  • 弥补html对属性的的控制不足
  • 精确的控制页面的布局  
  • 可以提高页面的执行效率
  • css还有特殊的功能

在学习CSS之前,先补充一个小知识, HTML标签的分类 ,一般分为行(hang)标签,块标签和行内标签。

  • 行标签:宽度不会默认占据一整行的标签,他的内容有多宽就占多宽,这种标签对上下移动不敏感。 例如 font a b s标签。
  • 块标签:默认会占据一整行的标签。 例如 h1-----h6 ul li标签。
  • 行内块标签:button img 不默认占据一行,但是还会具有一些块标签的特性。例如 button标签。

        这个时候对这些特定特点的标签想要移动或者装饰呀,就可以用到CSS。只用默认样式是很难搞定的。此外还有两个概念, 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

naoguaziteng

谢谢友友的打赏!一起努力吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值