CSS初级入门:页面样式的整体声明

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

今天给大家分享的是由图老师小编精心为您推荐的CSS初级入门:页面样式的整体声明,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

  整体声明的方法

  1. 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是:“针对一个标签,然后一次设定好几个样式”:

stype="text/css"

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

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

/style 

  2. 你会发现,我们同时声明了:字形大小为 9pt、字形颜色为红色、背景为白色,这3个样式,为了将这三个样式分隔开,我们利用分号“;”来将之隔开,这样才能正常起作用!当然,若是你觉得这样一列一列的写出来很浪费空间,那么你也可以写成一行的形式,如下:

style type="text/css"

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

/style 

  几个标签设定相同的样式

  1.刚刚我们看过一个标签,同时设置几个样式的,实际上,我们也可以把好几个标签同时一起来设定,例如:

style type="text/css"

h1,h2,td{font-size:12pt; font-color:red; font-family:宋体}

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

/style

  以此例而言,我们同时设定了三组标签h1、h2、td,换言之,凡是被这三个标签包起来的,其文字大小都会变成 12pt、红色字、并且以宋体显示!

来源:http://www.tulaoshi.com/n/20160219/1623695.html

延伸阅读
标签: Web开发
class(类)和id的一个小实例 在上一节中我们了解了如何为特定的标签定义样式,例如我们利用 h1{font-size: 12px;}将页面内所有的标题1的字体大小改为了12像素。那么如果我不希望所有的标题1样式都被修改该怎么做呢?这时class和id就可以帮你的忙。 为了了解class和id,我们先来看两个网页。 没有加入CSS时的页面,加入CSS之后的页面。它们的源...
标签: Web开发
在当今的网页制作中,几乎所有漂亮的网页都用了CSS。 CSS是 Cascading Style Sheet的缩写,有些书上把它译为 “层叠样式表”。有了CSS的控制,我们的网页便会给人一种赏心悦目、工工整整的感觉,同时字体的色彩变化也使主页变得更加生动活泼。虽然只短短的十几行代码,得到的效果却不同凡响。其基本用法是在网页中插入如下格式的一段代码:...
标签: Web开发
关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html)。 2.会使用Dreamweaver等常用的网页编辑器。 Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dre...
Dust-Me selectors Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。 支持本地和远程样式文件,包括使用link标签、?xml-stylesheet?处理指令、@import语句等方式引入的样式文件;(但是不支持页面中的style块和内联样式)支持IE条件注释中引入的样式文件;可以检查一个页面...
标签: 王者荣耀
下载游戏 首先要下载游戏软件,并且打开游戏大厅,从大厅里点开对战模式,就可以开启与他们在王者里面对抗。 实战对抗 然后选择实体对抗并且进入选择对战模式,即几人对几人模式。下面小编示例一对一模式,可以参考一下。 匹配对手 接着匹配对手,双方都同意进入游戏才会进入下一步。这个匹配对手一般是随机的,如果有...

经验教程

309

收藏

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