一个关于css样式表的三种方式控制的问题

1、&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /& 的作用
这是一个,文档兼容模式的定义。Edge 模式告诉
以最高级模式渲染文档,也就是任何
版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本
就用什么版本的标准模式渲染&meta http-equiv="X-UA-Compatible" content="IE=edge"&使用以下代码强制 IE 使用 Chrome Frame 渲染&meta http-equiv="X-UA-Compatible" content="chrome=1"&提示 IE 用户安装 Google FrameGoogle 官方提供了对 Google Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。&script src=""&&/script&&script&CFInstall.check();&/script&最佳的兼容模式方案,结合考虑以上两种:&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&2、&body style="zoom:1"&CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。
css中的zoom的作用1、检查页面的标签是否闭合不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题,却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的,而他们很容易犯此类问题。快捷提示:可以用 Dreamweaver 打开文件检查,一般没有闭合的标签,会黄色背景高亮。
  2、样式排除法有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
  对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。
  3、模块确认法有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块,寻找到触发问题的 HTML 模块。
  4、检查是否清除浮动其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的,推荐使用 无额外 HTML 标签的清除浮动的方法(尽量避免使用 overflow:zoom:1 的类似方法来清除浮动,会有太多的限制性)。
  5、检查 IE 下是否触发 haslayout很多的 IE 下复杂 CSS BUG 都与 IE 特有的 haslayout 息息相关。熟悉和理解 haslayout 对于处理复杂的 CSS BUG 会事半功倍。推荐阅读 old9 翻译的 《On having layout》(如果无法翻越穿越伟大的 GFW,可阅读 蓝色上的转帖 )快捷提示:如果触发了 haslayout,IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。
  6、边框背景调试法故名思议就是给元素设置显眼的边框或者背景(一般黑色或红色),进行调试。此方法是最常用的调试 CSS BUG 的方法之一,对于复杂 BUG 依旧适用。经济实惠还环保^^最后想强调一点的是,养成良好的书写习惯,减少额外标签,尽量语义,符合标准,其实可以为我们减少很多额外的复杂 CSS BUG,更多的时候其实是我们自己给自己制造了麻烦。希望你远离 BUG ,生活越来越美好。
阅读(...) 评论()14:32 提问
在js中控制样式出现问题,求助。
在html页面需要显示以下数据
&!--第一行数据--&
&div class="main_store_slide" style="margin-top:70"&
&div class="swiper-container swiper-container-horizontal swiper-container-free-mode"&
&div class="swiper-wrapper"&
&div class="swiper-slide swiper-slide-active lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&122&/li&
&li class="s2"&2323&/li&
&div class="swiper-slide swiper-slide-next lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&3434&/li&
&li class="s2"&454&/li&
&div class="swiper-slide swiper-slide-next lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&334&/li&
&li class="s2"&343443&/li&
&div class="swiper-slide swiper-slide-next lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&12&/li&
&li class="s2"&34&/li&
&!--end第一行数据--&
&!--第二行数据--&
&div class="main_store_slide" style="margin-top:70"&
&div class="swiper-container swiper-container-horizontal swiper-container-free-mode"&
&div class="swiper-wrapper"&
&div class="swiper-slide swiper-slide-active lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&122&/li&
&li class="s2"&2323&/li&
&div class="swiper-slide swiper-slide-next lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&3434&/li&
&li class="s2"&454&/li&
&div class="swiper-slide swiper-slide-next lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&334&/li&
&li class="s2"&343443&/li&
&div class="swiper-slide swiper-slide-next lawyer_b" &
&ul class="ul1" style="display:"&
&li class="s1"&12&/li&
&li class="s2"&34&/li&
&!--end第二行数据--&
因这些数据是从接口中读取,然后在页面上显示,
所以,在js中控制相关样式,如下所示:
&script type="text/javascript"&
$(function(){
var str=""
for(var i=0;i&18;i++){
if(j%4==0){
str+="&div class='main_store_slide' style='margin-top:70'&";
str+="&div class='swiper-container swiper-container-horizontal swiper-container-free-mode'&";
str+="&div class='swiper-wrapper'&";
str+="&div class=\"swiper-slide swiper-slide-active lawyer_b\" &";
str+="&ul class=\"ul1\" style=\"display:\"&";
str+="&li class=\"s1\"&12&/li&";
str+="&li class=\"s2\"&34&/li&";
str+=" &/ul& &/div&";
if(j%4==0){
str+="&/div&";
str+="&/div&";
str+="&/div&";
$("#divid").html(str);
请问 以上 js中该
如何修改。
有试过 用 :nth-of-type ,发现 样式乱了。
按赞数排序
你结构都错了,加nth-of-type有什么用,用2层for不是好理解点
$(function () {
var str = ""
for (var i = 0; i & 18; i += 4) {
str += "&div class='main_store_slide' style='margin-top:70'&";
str += "&div class='swiper-container swiper-container-horizontal swiper-container-free-mode'&";
str += "&div class='swiper-wrapper'&";
for (var j = i, k = i + 4; j & j++) {
str += "&div class=\"swiper-slide swiper-slide-active lawyer_b\" &";
str += "&ul class=\"ul1\" style=\"display:\"&";
str += "&li class=\"s1\"&" + i + '-' + j + "&/li&";
str += "&li class=\"s2\"&34&/li&";
str += " &/ul& &/div&";
str += "&/div&";
str += "&/div&";
str += "&/div&";
$("#divid").html(str);
应该是你的class里面有空格导致的,因为是拼接的空格会将字符串隔开导致识别不出来class
不推荐这种 直接拼接字符串的形式来操作,现在有很多开源的 js template 模板渲染的。 artTemplate
可以看看这个,个人用了,还不错,而且支持ie8
不推荐这种 直接拼接字符串的形式来操作 样式的问题吧
可能是转义字符的问题
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐css样式定义问题 有这样一个定义 #a div{*position:*top:50%;} 为什么position与top前面要加&*&
本回答由提问者推荐
var sogou_ad_id=731547;
var sogou_ad_height=160;
var sogou_ad_width=690;为了账号安全,请及时绑定邮箱和手机
控制css样式 是在&head&下的style中吗
&style&span{
color:}&/style&是所有需要控制样式的css都写在&head&下的style中吗css和style是什么关系
感谢答疑~ 看了一遍明白了许多 ,学习时候再揣摩揣摩
写下你的评论...
写下你的评论...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11> 问题详情
下面说法错误的是()。A、CSS样式表可以将格式和结构分离B、CSS样式表可以控制页面的布局C、CSS样
悬赏:0&答案豆
发布时间:
下面说法错误的是()。A、CSS样式表可以将格式和结构分离B、CSS样式表可以控制页面的布局C、CSS样式表可以使许多网页同时更新D、CSS样式表不能制作体积更小下载更快的网页
您可能感兴趣的试题
1表单域不包含( )元素。A、文本域B、表格C、提交按钮D、隐藏域2参数设置的快捷键是( )。A、Ctrl+U 参数设置B、Ctrl+S 保存C、Ctrl+T 插入htmlD、Ctrl+Shift+T3CSS的全称是( ),中文译作( )。A、cading style. sheet,层叠样式表B、cascading style. sheet,层次样式表C、cascading style. sheet,层叠样式表D、cading style. sheet,层次样式表4表单可以和( )放在一行。A、 文本B、 图像C、 表单D、 ABC都不能
我有更好的答案
请先输入下方的验证码查看最佳答案
图形验证:
验证码提交中……
每天只需0.4元
选择支付方式
支付宝付款
郑重提醒:支付后,系统自动为您完成注册
请使用微信扫码支付(元)
支付后,系统自动为您完成注册
遇到问题请联系在线客服QQ:
恭喜你被选中为
扫一扫-免费查看答案!
请您不要关闭此页面,支付完成后点击支付完成按钮
遇到问题请联系在线客服QQ:
恭喜您!升级VIP会员成功
提示:请截图保存您的账号信息,以方便日后登录使用。
常用邮箱:
用于找回密码
确认密码:}

我要回帖

更多关于 css样式 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信