在css中运用整体布局声明

爱遥不可及90

爱遥不可及90

2016-02-19 13:08

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享在css中运用整体布局声明吧。

整体布局声明在css中应该如何合理的运用

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

stype="text/css"
    body{font-size:9pt;
    font-color:red;
    background:white}
/style 

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

style type="text/css"
    body{font-size:9pt;font-color:red;background:white}
/style 

  几个标签设定相同的样式

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

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

style type="text/css"
    h1,h2,td{font-size:12pt; font-color:red; font-family:宋体}
/style

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

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

展开更多 50%)
分享

猜你喜欢

在css中运用整体布局声明

Web开发
在css中运用整体布局声明

整体布局声明在css中应该如何合理的运用

Web开发
整体布局声明在css中应该如何合理的运用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS初级入门(1):整体布局声明

Web开发
CSS初级入门(1):整体布局声明

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

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

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

浏览器发展/CSS布局/怎样运用?

Web开发
浏览器发展/CSS布局/怎样运用?

css布局中的居中问题

Web开发
css布局中的居中问题

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

ext jquery 简单比较

ext jquery 简单比较

为什么我换了win7系统就没办法使用网上银行和支付宝了

为什么我换了win7系统就没办法使用网上银行和支付宝了
下拉加载更多内容 ↓