CSS初级入门:样式的多次声明

2016-02-19 20:26 1 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

  分项声明

  搞懂了基本声明和整体声明后,现在要来谈谈分项声明了,这个内容基本上不用多讲,因为并没有什么特别的用法,看看下例就知道了:

style type="text/css"

body{font-size:9pt; font-color:red}
body{font-family:宋体; background:white}

/style 

  你会发现,我们同时对标签做了两次声明,对!这就是我们今天要讲的分项声明,也就是说,对同一个标签,哦们可以做两次不同的声明,在CSS中,这是可以的!至于这样是多此一举?还是更加灵活?那就看你的使用习惯了! 基本上,每个人的CSS编写习惯都不一样。

  小心下面的情形:

  在分项声明中,有种情况要特别注意,如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

style type="text/css"

body{font-size:9pt; font-color:red}
body{font-family:宋体; font-color:blue}

/style

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  你发现了红色的部分吧!同一个标签做分项声明,结果里面的样式的属性有一组是一样的(font-color属性一样,但是设定值不一样),那么结果会怎么样呢?被标签包起来的文字是以蓝色显示的。大家可以试试!

来源:https://www.tulaoshi.com/n/20160219/1623687.html

延伸阅读
在学习中遇到问题可以到 论坛 发贴交流! 本例为CSS入门系列教程,在这一课中我们将学习如何在网页中插入CSS样式表,主要学习在页面中插入链入外部样式表、内部样式表、导入外表样式表和内嵌样式的四种方法,另外作者还讲解了多重样式表的叠加的运用以及如何在xml中插入CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之如何在...
在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我...
Dust-Me selectors Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。 支持本地和远程样式文件,包括使用link标签、?xml-stylesheet?处理指令、@import语句等方式引入的样式文件;(但是不支持页面中的style块和内联样式)支持IE条件注释中引入的样式文件;可以检查一个页面...
标签: Web开发
在上两节中我们已经为网页添加过简单的样式表了,我们也了解了样式表的语法基础。本节将介绍将样式表加入到页面中的几种不同方法。 内部样式表     其实我们在前两节已经应用了内部样式表。内部样式表需要在网页的head部分定义,格式如下: head style type="text/css" /*符合CSS语法结构的CSS语句,例如*/ body {...
标签: 王者荣耀
下载游戏 首先要下载游戏软件,并且打开游戏大厅,从大厅里点开对战模式,就可以开启与他们在王者里面对抗。 实战对抗 然后选择实体对抗并且进入选择对战模式,即几人对几人模式。下面小编示例一对一模式,可以参考一下。 匹配对手 接着匹配对手,双方都同意进入游戏才会进入下一步。这个匹配对手一般是随机的,如果有...

经验教程

782

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部