文档章节

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

ziluopao
 ziluopao
发布于 2016/06/19 15:52
字数 278
阅读 71
收藏 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
博文 336
码字总数 178411
作品 0
武汉
私信 提问
什么是HTML5和CSS3?新特性以及特性?

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

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

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

楚广明
2011/12/19
0
0
重新认识HTML,CSS,Javascript 之node-webkit 初探

今天我们来系统的、全面的 了解一下前端的一些技术,将有助于我们写出 更优秀的 产品 出来。 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 包含一些根节点,子节点,文本节点,属性节...

ordinance
2015/11/27
69
0
你应该知道的一些事情——CSS权重

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

石佛慈悲
2013/12/05
0
0
关于浏览器的兼容问题

关于浏览器的兼容问题 1. 什么是 CSS hack 根据百度的简述:CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如...

熊蛋子17
2017/11/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何在 Linux 系统查询机器最近重启时间

在你的 Linux 或类 UNIX 系统中,你是如何查询系统上次重新启动的日期和时间?怎样显示系统关机的日期和时间? last 命令不仅可以按照时间从近到远的顺序列出该会话的特定用户、终端和主机名...

来来来来来
今天
2
0
Redis协议是什么样的

前言 我们用过很多redis的客户端,有没有相过自己撸一个redis客户端? 其实很简单,基于socket,监听6379端口,解析数据就可以了。 redis协议 解析数据的过程主要依赖于redis的协议了。 我们...

春哥大魔王的博客
今天
4
0
乱入Linux界的我是如何学习的

欢迎来到建哥学Linux,咳!咳!咳!开个玩笑哈,我是一个IT男,IT界的入门选手,正在学习Linux。 在之前,一直想进军IT界,学习IT技术,但是苦于没有人指导,也不知道学什么,最开始我自己在...

linuxCool
今天
3
0
携程Apollo统一配置中心的搭建和使用(java)

一.Apollo配置中心介绍 1、What is Apollo 1.1 Apollo简介 Apollo(阿波罗)是携程框架部门研发的开源配置管理中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到...

morpheusWB
今天
3
0
远程获得的有趣的linux命令

使用这些工具从远程了解天气、阅读资料等。 我们即将结束为期 24 天的 Linux 命令行玩具日历。希望你有一直在看,如果没有,请回到开始,从头看过来。你会发现 Linux 终端有很多游戏、消遣和...

Linux就该这么学
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部