5. CSS是什么

 CSS概念

CSS,层叠样式表,也叫做风格样式表。通过CSS我们可以为页面添加一个美丽的外观,获得更加良好的用户体验。不过值得我们注意的是和HTML一样,CSS也不是编程语言,它只是提供一种配置文件,当浏览器在解析文件的时候,看到对应的配置内容会按照特定的规则来渲染页面。

CSS和HTML在学习中并不是很困难,在掌握一些基础的内容后就可以完成简单的页面设计工作了,但是关于CSS、HTML在编码中有很多需要我们注意的细节,需要我们不断的练习和学习才可以掌握它们。

CSS优势

最初网页兴起的时候,各大浏览器厂商为了拓展市场的占用率,在各自的浏览器中添加了很多标签来实现一些绚丽的效果,但是这些效果无法得到多数浏览器的支持,这就导致同样的页面在不同的浏览器中并不能得到同样的展示,针对这种情况专门成立了W3C组织制定相关的规范,而且结构和样式分离的思想得到多数人的支持,正因为如此现在开发中我们让HTML定义网页的结构,使用CSS来添加网页的样式。那么使用CSS有哪些优势呢?大概可以给我们带来这些好处:

实现了样式和结构分离的思想,将样式代码从HTML分离出来,方便后期的维护;

使用统一的CSS样式使得网站可以给用户呈现统一的风格;

减少了网页的代码量,节省了不必要的带宽消耗,增加了网页响应的速度;

样式和结构的分离,使得网页更容易被搜索引擎检索到;

CSS使用

在HTML中有三种方式,即行内样式、内部样式、外部样式,下边我们来总结下它们相关的具体内容:

行内样式

<p style="color: red;">道可道,非常道,名可名,非常名。无名天地之始,有名万物之母。故常无欲以观其妙,常有欲以观其徼。此两者同出而异名,同谓之玄,玄之又玄,众妙之门。</p>

如上就是行内样式的实现,通过标签的style属性实现的,这种方式虽然简单,但是这个样式只能被当前标签使用,没有办法实现样式的重复利用,另外使用这种方式会让我们的页面变得特别的复杂,代码很多,对于后期的维护非常的不利。

内部样式

<style type="text/css">
    .inside_style{
        color: green;
    }
</style>

所谓内部样式就是在<head>标签下的如上内容,这种方式定义的样式不再只是针对当前页面的某个标签而言了,但是样式依然能被当前页面使用,所以这种方式对于我们的维护和代码的重复利用依然不利。

外部样式

<link rel="stylesheet" type="text/css" href="./style.css"/>

如上是引入外部样式最常用的方式,也是开发人员在开发中应该使用的方式,这种方式不仅实现了样式和结构分离的思想,而且对于我们的后期维护、搜索引擎的检索有着特别重要的意义。

扫描二维码关注公众号,回复: 1612634 查看本文章

猜你喜欢

转载自www.cnblogs.com/yunxiansheng/p/9190597.html