认识css样式

1.认识css

CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。
如下列代码:
p{
font-size:12px;
color:red;
font-weight:bold;
}
使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

2.css的优势
为什么使用css样式来设置网页的外观样式呢?

css样式表有两种,一种是内部样式表,另一种是外部样式表。
此外还有一种html本身就有的样式书写方式叫内联样式。

好处是相对而言的,只有比较才能体现出优点。题主没有表述清楚问的是哪一种同哪一种比较,所以我推测你想问的应该是外部样式表相对内部样式表和内联样式的优点。

要理解外部样式表的优点,首先要理解其特点。外部样式表的特点是:
1,样式与html分离。
2,一份css样式可应用于多处html内容。

所以其好处是:
①写代码时,重复的样式代码只需要写一份,减少了工作量。
②写出来的代码文件更简洁(便于其它人阅读),且文件大小也比较小。
③代码文件传输时,能够节省网络流量和带宽。(因为文件更小,且重复的css样式会被存储在缓存中)
④代码文件渲染时,能够减少渲染时间。(因为文件更小)
⑤后期维护时,能减少维护时的工作量。因为只要修改css样式表文件,就能够改变很多网页,甚至改变整个站点的风格特色。避免了一个个网页去修改。

3.css代码语法

css 样式由选择符和声明组成,而声明又由属性和值组成,
选择符:又称选择器,指明网页中要应用样式规则的元素,
声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:
p{font-size:12px;color:red;}
注意:
1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。
2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:
p{
font-size:12px;
color:red;
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,272评论 0 40
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,243评论 0 7
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 1,076评论 1 11
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,358评论 0 5
  • 认识css CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML...
    三秒嗨阅读 655评论 0 1