新人学习笔记之(认识css)

一、CSS是什么

        1.CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,有时我们也会称之为 CSS 样式表或级联样式表。

        2. CSS 是也是一种标记语言,CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。

        3. CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CSS,即 结构 ( HTML ) 与样式( CSS ) 相分离

二、CSS的特点

        CSS 是 Web 领域的一个突破,它为 HTML 提供了一种描述元素样式的方式,使用 CSS 和 HTML 可以制作出外形优美的网页。总体来说 CSS 具有以下特点:

        1.丰富的样式定义

        CSS 提供了丰富的外观属性,可以在网页中实现各式各样的效果,例如:

  • 为任何元素设置不同的边框,以及边框与元素之间的内外间距;
  • 改变文字的大小、颜色、字体,为文字添加修饰(例如下划线、删除线);
  • 为网页设置背景颜色或者背景图片等等。
        2.易于使用和修改

                CSS 的样式信息不仅可以定义在 HTML 元素的 style 属性中也可以定义在 HTML 文档 <head> 标签内的 <style> 标签还可以定义在专门的 .css 格式的文件中,之后再将其引用到 HTML 文档。

        3.层叠

                层叠就是指可以对同一个 HTML 元素多次定义 CSS 样式,后面定义的样式会覆盖前面定义的样式。

三、CSS语法规范 

        CSS 样式规则由三个部分组成,分别是选择器、属性和值: 

  • 选择器:由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成,用来指定要为哪个 HTML 元素定义样式,例如选择器p就表示为页面中的所有<p>标签定义样式;
  • 属性:您希望给 HTML 元素设置的样式名称,由一系列关键词组成,例如 color(颜色)、border(边框)、font(字体)等;
  • 值:由数值和单位或者关键字组成,用来控制某个属性的显示效果,例如 color 属性的值可以是 red 或 #F1F1F1 等。

        如图所示:

        在CSS 的语法规则中,属性和值之间需要使用冒号:进行分隔,每个属性和值的组合可以看作一个声明,每个声明的末尾都需要使用分号;作为结尾属于同一选择器的声明需要使用花括号{ }包裹起来。

        为了让CSS 更具可读性,您可以在定义 CSS 时每一行代码上放置一个声明,如下所示:

h1{
     color: blue;
     background-color: aqua;
   }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值