在所有需要该公用css的html页面的head/head中的任意位置加入link href="CSS文件的相对路径或绝对路径" rel="stylesheet" type="text/css" /,注意css的路径。
娄烦网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联公司成立与2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。
例如:
style.css 在 css文件夹里,html文件和css文件夹在同一目录下
link href="./style.css" rel="stylesheet" type="text/css" /
不属于。CSS样式有三种类型:
1、行内样式(内嵌样式),使用style属性直接把CSS代码添加到HTML的标记中。
2、内部样式(内联样式),把css样式写在style标签中。
3、外部样式(外联样式),将css样式写在一个单独的“.css”文件内。所以共享样式不属于css样式种类。
首先将css写入一个单独的样式文件,比如style.css,
然后在所有需要此样式的页面导入此样式
如楼上的说法:link rel="stylesheet" type="text/css" href="mystyle.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
内嵌样式:style type="text/css".body{width:100%; margin:0; padding:0; font-family:微软雅黑; text-align:center;}/style内嵌式都被 style/style标签所包裹!放在页头的head/head之间。行内样式:table style="width:100px; height:100px; background:#f00;"/table行内样式是在html标签内定义style属性!其他样式自己查吧!
文章标题:css共用样式,连接css样式
文章出自:https://www.cdcxhl.com/article24/dssesje.html
成都网站建设公司_创新互联,为您提供网站制作、Google、品牌网站建设、网页设计公司、网站设计公司、建站公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联