css同级共用样式的简单介绍

很多页面使用一个共同的css样式,怎么局部改变其中一个,而使其它保持不变?怎样用css继承实现呢?

你可以在这个

成都创新互联从2013年创立,是专业互联网技术服务公司,拥有项目网站设计制作、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元江口做网站,已为上家服务,为江口各地企业和个人服务,联系电话:028-86922220

div class="div" style="width:50px;"/div

里面多定义一个div名称

如div="abc" class="div" style="width:50px;"/div

你再加多一个div的style就可以了。

几个ID用一个CSS

1、公用CSS属性

eg: #ID1,#ID2,#ID3 {----------------------}

2、LI里的元素垂直居中

比如:

#id li{width:200px;height:24px;}

要让LI中的文字垂直居中,添加一个属性:

#id li{width:200px;height:24px;line-height:24px;}

ok

如何让所有网页共享同一个CSS?

首先将css写入一个单独的样式文件,比如style.css,

然后在所有需要此样式的页面导入此样式

如楼上的说法:link rel="stylesheet" type="text/css" href="mystyle.css"

现在很多网站为了让页面基本样式风格统一,都会创建一个默认的样式表,这个样式表会在所有页面载入,相当于页面初始化样式的意思,先导入默认样式表,然后每个页面再根据自身的不同导入自身独特的样式

css 多个类似的class名 怎么使用一个css样式

方法1:用css的属性选择器。

div[class^="aa"] {

background-color:#d6d6d6;

height: 50px;

}

div class="aa1"1/div

div class="aa2"2/div

div class="aa3"3/div

方法2:用空格分隔多个class

.aa {

background-color:#d6d6d6;

height: 50px;

}

div class="aa aa1"1/div

div class="aa aa2"2/div

div class="aa aa3"3/div


网站名称:css同级共用样式的简单介绍
文章网址:http://hbruida.cn/article/dsccdee.html