文档章节

更改css级别,让同一html显示不同的效果

ziluopao
 ziluopao
发布于 2016/06/19 15:52
字数 278
阅读 65
收藏 0

有时我们在不同的页面要调用同一个html代码块,但这些页面有时的宽度是不同的,比如有的是960px,或1000px,或1020px等,当然要有前提,对于不同的前提解决办法也是不一样的。

比如a,b,c三个页面调用nav.html这个代码块。

如果nav.html是基本960px来做的,b和c调用后,就要改此宽度及nav.html里面许多标签的宽度,这样才能匹配页面比例。假如nav.html的基本样式写在分离的外部样式表css表中,那么我们可以把此样式写在调用页面中,即内部样式表<style></style>,不过有时,这种办法也不行,为啥?因为<style></style>这种写法已在nav.html中写过了,此时就要用js来搞,把此样式写成行间样式,比竟js最后加载的权重是最大的。

不过用js写的行间样式不推荐,因为还要加载js,影响页面打开速度!

© 著作权归作者所有

共有 人打赏支持
ziluopao
粉丝 10
博文 331
码字总数 173215
作品 0
武汉
什么是HTML5和CSS3?新特性以及特性?

HTML和CSS并不难理解。HTML为构成网页的主要语言。通过这种语言,我们可以向计算机说明网页格式、内容、显示效果等等。而CSS则是专门用来控制网页显示效果的语言。这时候问题出来了,为什么我...

xafarsight
2017/12/19
0
0
HTML 5 & CSS 3 的新交互特性

本文标题的这副图片,是用Phosotshop制作的。但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字。并且由 于图片的体积不算太小,可能网速慢的网友在浏览的时...

楚广明
2011/12/19
0
0
HTML 5 & CSS 3 的新交互特性

本文标题的这副图片,是用Phosotshop制作的。但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字。并且由 于图片的体积不算太小,可能网速慢的网友在浏览的时...

jackzlz
2011/12/02
2K
13
你应该知道的一些事情——CSS权重

本文由99根据Vitaly Friedman的《CSS Specificity: Things You Should Know 》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英...

石佛慈悲
2013/12/05
0
0
HTML-加速、再加速

作者:听风 文章来源:eNet技术学院 web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度?答案是:不一定!实际上,有许多关于HTML与DHTML方面的技巧,它们原理简单而且上手容...

晨曦之光
2012/03/09
40
0

没有更多内容

加载失败,请刷新页面

加载更多

storm drpc实例

序 本文主要演示一下storm drpc实例 配置 version: '2'services: supervisor: image: storm container_name: supervisor command: storm supervisor -c storm.......

go4it
32分钟前
1
0
官宣 | Chrome 70正式向所有HTTP网站发出红色“不安全”警告!

10月17日,坐拥10亿用户的Chrome浏览器正式上线70版本。作为第一个采用TLS1.3正式版的Chrome版本,在安全新功能方面,Chrome 70进一步升级了HTTP页面“不安全”显示标识,即当用户输入数据时...

亚洲诚信
34分钟前
4
0
mysql 数据类型及占用字节数

数字类型 TINYINT                           1 字节 SMALLINT                          2 个字节 MEDIUMINT                         3 个字节...

会游泳的鱼_
今天
6
0
高性能mysql:创建高性能的索引

性能优化简介 MySQL性能定义为完成某件任务所需要的时间量度,换句话说,性能即响应时间,这是一个非常重要的原则。我们通过任务和时间而不是资源来测量性能。数据库服务器的目的是执行SQL语...

背后的辛酸
今天
11
0
HTTP get、post 中请求json与map传参格式

import java.io.IOException;import java.net.URI;import java.net.URISyntaxException;import java.nio.charset.Charset;import java.util.ArrayList;import java.util.List;im......

寒风中的独狼
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部