css样式相同显示不同的简单介绍

为什么我做的网页相同浏览器不同电脑中显示就不一样呢

网站的效果在不同的电脑上为什么显示不一样 这是因为 所设定的这个效果，css不相容问题，如果想在任何浏览器里都出现这个效果，需要搭配JS来实现这样的效果。不然IE6之前版本就不支援了。

应该是有缓存，IE右键-属性--点击临时文件那里删除文件、删除Cookies。然后在点清理历史记录。

不同的计算机显示器的的设置及显示器本身情况不一样，其是分辨率，这样会导致同样的网页大小、颜色等会不同。还有就是浏览器的设置，如文字大小等。都会影响。

相关问答

Q1: 在网页中为相同内容设置不同的样式该如何实现

文字样式设置的基本标签— 设置字体样式的基本标签是，被其包含的文本为样式作用区。在初学者的HTML代码编写中，容易被多重嵌套，如文本。还有一种情况是标签嵌套错位，如文本。

第一步，双击或者右击打开浏览器软件，接着点击右上角的“三”图标。第二步，来到下图所示的弹出窗口后，点击箭头所指的工具选项。第三步，在下图所示的弹出工具窗口中，点击红框中的开发人员工具选项。

通常我们将网页的样式和内容分开，样式放在css文件，内容放在html文件，当html文件需要用到样式的时候，直接引用css中定义的样式就可以了。其实JavaScript也能使用css文件或直接改变样式的属性来动态的改变网页的样式。

Q2: 用css制作点击不同的导航条,但在同一页面显示不同网页内容

1、你把你的导航条上的那些你想鼠标悬停时显示大字体的a标签全部给个class=big，然后样式写“.big：hover{}”，再给你想悬停时显示小字体的a标签给个class=small，然后样式里写“.small：hover{}”。

2、]通过标签设置浮动排列。①使用方法：在css样式中加入float：left；属性。②常见问题：当网页页面有调整时导航同时改变，排版变混乱。

3、你首先要了解CSS的跨浏览器知识，不是一时半会能掌握的。最简单是使用JS框架如：jquery、Extjs等。

4、导航栏下面放一个Div，专门用来显示对应导航栏目的内容。点击导航栏触发点击事件，在事件函数中获取点击的栏目id，通过此id确定往div中添加那个内容。可以用div.innerHTML来更新div显示的内容。

5、直接上个实例吧：第一步，打开软件Adobe Dreamweave CS6，创建一个新的HTML。第二步，在工作区域（body）用标签 ul 和 li 输入导航的内容。第三，编辑样式CSS。在标签之间写入样式表。，第四，紧接上一步。

6、今天制作了一个响应式导航条，能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式，这里主要用到的就是CSS3的Media Query。

Q3: 在CSS样式中,在设计视图中显示的结果与在代码视图中要显示的结果不一...

1、设计视图乱是因为你写的代码还不怎么规范，我刚学CSS的时候也是你这样，浏览器中正常，但一点DW里面的设计就乱的要死。

2、(3)在设计视图中，选中需要应用外部样式的文本，在属性面板的【样式】下拉列表框中选择合适的样式名称，即可对选中的文本自动应用CSS样式。【链接外部样式表】对话框中的【添加为】选项组说明如下。

3、很多情况下设计视图不能准确地显示网页效果，比如某些css设置的样式、html中有动态语言的代码等等。一切以浏览器显示结果为准。

Q4: 在一张网页中怎样让不同的css间不混用,比如两个不同的css中包含了相同...

\x0d\x0a\x0d\x0a方法三 改变两个样式的加载顺序\x0d\x0a这种方法比较简单，就是只要把细化css加载在全局css之后就行了，这样后面的样式就会自动覆盖前面的样式。

css的顺序是“元素上的style”“文件头上的style元素”“外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。

常用到属性一般有z-index，display等。同一个页面可以引用多个外部CSS，注意前后顺序。看起来不会乱，全部用link标签引入即可。

Q5: css同样的class同样的标签,但是产生了不同的效果,如下图

js可以做这样的特殊处理。通过css选择器，我记得是css3的东西，就可以根据奇偶数来展示不同的样式。

相同的class不同效果，通常是两个原因。一个是有更具体（name、id）的样式或js代码造成样式改变；另一个是HTML代码有误，造成局部样式不生效。

class=container 重复线性渐变重复线性效果如下图：如图所示，蓝白条间隔的线性渐变效果。

未知高度的元素，文字垂直居中是比较难实现的，得用js实现，不过可以取个巧用css的padding属性实现。

在css标签内，使用letter-spacing属性设置文字的间距，间距值的单位可以是px，rem，cm等css单位。例如，这时设置文字间隔为20px。最后在浏览器打开test.html文件，查看实现的效果，如下图所示就完成了。

css样式相同显示不同的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、css样式相同显示不同的信息别忘了在本站进行查找喔。