码迷,mamicode.com
首页 > Web开发 > 详细

5. CSS是什么

时间:2018-06-16 15:37:47      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:检索   sid   文件的   div   占用   alt   jpg   bsp   不同的   

 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"/>

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

技术分享图片

 

5. CSS是什么

标签:检索   sid   文件的   div   占用   alt   jpg   bsp   不同的   

原文地址:https://www.cnblogs.com/yunxiansheng/p/9190597.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!