为什么将css样式放在css文件和直接在标签中使用style属性所表现的不同?

第一种直接在div标签上标明style

        <div class="changeX">a元素</div>
        <div class="changeY" style="display: none;">b元素</div>
        <input type="button" value="切换显示a元素" onclick="gr('.changeX','.changeY');" />
        <button onclick="gr('.changeY','.changeX');">切换显示b元素</button>
        <script type="text/javascript">
            function gr(s1, s2) {
                document.querySelector(s1).style.display = "";
                document.querySelector(s2).style.display = "none";
            }
        </script> 

可以实现点击按钮使各内容表示

第二种将代码分离

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>测试代码</title>
        <style type="text/css">
            .changeY{
                display: none;
            }
        </style>
    </head>
    <body>
        <div class="changeX">a元素</div>
        <div class="changeY">b元素</div>
        <input type="button" value="切换显示a元素" onclick="gr('.changeX','.changeY');" />
        <button onclick="gr('.changeY','.changeX');">切换显示b元素</button>
        <script type="text/javascript">
            function gr(s1, s2) {
                document.querySelector(s1).style.display = "";
                document.querySelector(s2).style.display = "none";
            }
        </script>
    </body>
</html>

只能实现点击第二个按钮将盒子内容隐藏而不能显示盒子内容

3个回答

            function gr(s1, s2) {
                document.querySelector(s1).style.display = "block";
                document.querySelector(s2).style.display = "none";
            }

jslang
天际的海浪 回复weixin_43645287: 多个有相同class标签要改用document.querySelectorAll()获取一个数组。然后循环逐一设置
一年多之前 回复
weixin_43645287
小秦& 回复weixin_43645287: 问题已解决!谢谢
一年多之前 回复
weixin_43645287
小秦& 那同时选择多个有相同class标签呢
一年多之前 回复

你 ".changeY"类已经有display:none了, 用函数这是只是让div标签里面的style没有, 然后就应用类.changeY, display: none

要将代码分离, 切换显示不显示, 直接切换类ok? 一个类show, 一个类hide就完事了....
代码分离了就不要直接该element标签里的style了

document.querySelector(s2).style.display,这个里边的style是元素的属性,属性上的样式是优先于类,但熟悉标签没有的情况下,类标签就生效了。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
css样式写在css文件中没有效果,写在标签内部却有效果,这是为什么呢

想将超出表格的数据,用省略号显示,写在css文件中没有效果: ![图片说明](https://img-ask.csdn.net/upload/202003/12/1584022662_815710.png) ![图片说明](https://img-ask.csdn.net/upload/202003/12/1584022672_203266.png) 写在<td>标签中却有效果,这是为什么呢 ![图片说明](https://img-ask.csdn.net/upload/202003/12/1584022691_80666.png) ![图片说明](https://img-ask.csdn.net/upload/202003/12/1584022700_909255.png)

link引入外部css文件,放在head标签中和body标签中有什么区别

如题,link引入外部css文件,放在head标签中和body标签中有什么区别

我的css样式是写在head标签里,但却不能使用

我的css样式是写在head标签里,但却不能使用,是通过id选择器选择的

为什么css样式中不能正确显背景图片?

在css样式中不能正确的显示图片,但是把样式写在html里面又能显示,这是什么原因

php内嵌table 如何使用外部css样式

php文件,但与html混编的,上面是html部分,定义了css样式。但后面php代码里使用echo 输出表格,该如何使用之前定义好的css样式,请帮忙指点,我是新手 ``` <html> <head> <style type="text/css"> table.tbsty td{ text-align:left;padding:.2em;border:1px solid #fff; } </head> </html> ``` 就是php输出表格时,如何使用之前在html部分定义的css样式? ``` //... echo "<table class='tbsty' id='bb' style='font-size:14px' width='90%' border='0' align='center' >\n"; //... ```

java中将word文档转换为html文件,不过重点是样式为内联css样式

java中将word文档转换为html文件,不过重点是样式为内联css样式 在网上搜索的全部都是嵌入式css样式,这样的话将html内容导入到百度文本编辑器中的时候样式全部去掉了

.php文件不会从.css文件中读取样式

<div class="post-text" itemprop="text"> <p>I am making a .php website (text editor, on Ubuntu) and I'm trying to include style.css with html code</p> <pre><code>&lt;link rel="stylesheet" charset="utf-8" href="style.css" /&gt; &lt;style type="text/css"&gt;&lt;/style&gt; </code></pre> <p>which is between tags. For some reason it won't work (neither in Mozilla nor in Chrome). It does work for other php websites that I created before and copied into /var/www/html but not for this one. I've checked other threads and articles on the web, it's not about directories... No idea. </p> <p>Perhaps I could ask for an advice?</p> </div>

CSS样式怎样写,用那些关键词来构建一个css样式 可以更改标签的默认 样式?

# web项目中的页面标签,P标签中的一个属性,可以自带分页特性,但是用级别最高的styleclass引入的css文件 ,默认样式并没有改变,但是有的css样式却能显示出效果,是系统自带的,打开看不懂,有哪些大神指点下,css那些属性可以更改默认是的样式

无法在php中使用css样式表

<div class="post-text" itemprop="text"> <p>I am unable to style the table in css even though i have insert style for the tables.</p> <pre><code>&lt;style&gt; table, th, td { border: 1px solid black; } &lt;/style&gt; </code></pre> <p>The above is a simple style for the codes</p> <pre><code>&lt;div class="container"&gt; &lt;table class="u-full-width"&gt; &lt;?php $result=mysqli_query($connection,"SELECT * FROM register"); } else { $result=mysqli_query($connection,"SELECT * FROM Persons WHERE username LIKE '".$Search."%'"); } echo "&lt;table border='1'&gt; &lt;tr&gt; &lt;th&gt;username&lt;/th&gt; &lt;th&gt;password&lt;/th&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;gender&lt;/th&gt; &lt;th&gt;age&lt;/th&gt; &lt;th&gt;Contact&lt;/th&gt; &lt;th&gt;address&lt;/th&gt; &lt;th&gt;email&lt;/th&gt; &lt;th&gt;occupation&lt;/th&gt; &lt;/tr&gt;"; while($row=mysqli_fetch_array($result)) { echo "&lt;tr&gt;"; echo "&lt;td&gt;" . $row['Username'] . "&lt;/td&gt;"; echo "&lt;td&gt;" . $row['password'] . "&lt;/td&gt;"; echo "&lt;td&gt;" . $row['Name'] . "&lt;/td&gt; "; echo "&lt;td&gt;" . $row['gender'] . "&lt;/td&gt;"; echo "&lt;td&gt;" . $row['age'] . "&lt;/td&gt; "; echo "&lt;td&gt;" . $row['contact'] . "&lt;/td&gt;"; echo "&lt;td&gt;" . $row['address'] . "&lt;/td&gt;"; echo "&lt;td&gt;" . $row['email'] . "&lt;/td&gt;"; echo "&lt;td&gt;" . $row['occupation'] . "&lt;/td&gt;"; echo "&lt;/tr&gt;"; } echo"&lt;/table&gt;"; mysqli_close($connection); ?&gt; &lt;/div&gt; &lt;/table&gt; </code></pre> <p>The above is for displaying the tables. May i know what i can do so that it displays the table with the css. Thanks.</p> </div>

如何在JSP页面修改CSS样式

``` CSS代码: INPUT.button { color: #fff; background: url(/common/images/btn_red.png) no-repeat left top; text-align: center; height: 20px; width: 70px; border: none; onmouseover:expression( onmouseover = function() {this.style.backgroundPosition='left -21px' }, onmouseout = function() {this.style.backgroundPosition='left top' }); } JSP引用代码: <input type="button" class="button" value="" 现在我想修改button的width,该怎么做 ```

css样式文件怎样应用到iReport中去

我想自己写一个css文件,用ireport5.5做报表的时候调用这个文件来调整样式。

idea 编写 jsp 页面中的 style 标签内部样式无效

在编译器中可以显示style标签的内容,但是服务器开启并打开之后没有效果 ,然后查看网页源代码,发现并没有style标签,但是在浏览器的基础上编写源代码又有效果是什么情况? ``` <style rel="stylesheet"> *{ margin: 0; padding: 0; } html,body{ height: 100%; overflow: hidden; text-align: center; background-color: beige; } </style> ```

修改css样式表没有任何效果,将CSS样式表中的内容复制到新的表中导入后,样式同样不在页面显示

在同一个表中,属性相同但是class名不同,调用自己新建的class名不显示效果,但是用原来的就可以 请问是什么原因,后来新建了css表,将原css所有内容原封不动复制进去,再导入,但是效果却不显示, bootstrap的样式可以正常显示,js同样可以正常显示 ![这个是原来的样式](https://img-ask.csdn.net/upload/201701/18/1484705350_8330.jpg) ![我想把中间那块放到中间的,但是没有效果](https://img-ask.csdn.net/upload/201701/18/1484705359_500615.jpg) CSS代码 ``` @charset "utf-8"; *{margin:0px; padding:0px;} body{font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#555555;background:#f3f3f3;} ul{list-style-type:none;} input,select,textarea{vertical-align:middle; font-family:inherit; font-size:inherit; color:inherit; outline:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} a{color:#555555; text-decoration:none; outline:none;} a:hover,a.glink:hover,a.blink:hover{ text-decoration:none;outline:none;} .clear{ clear:both; font-size:0; height:0; line-height:0;overflow:hidden} a img{ border:0;} .leftF{ float:left;} .centerF{float:left;} .rightF{ float:right;} .main{ width:1116px; margin:0 auto; padding-bottom:330px;} .main .mainleft{ width:210px;top:90px; position:relative;} .main .mainright{ float:left;padding:0px;width:905px;} .foot{ background:#999999; color:#ffffff; padding:20px 0; text-align:center; font-size:14px; line-height:24px;} .footinner{ border-top:1px solid #dddddd; color:#ffffff; padding:45px 0 80px 0; text-align:center; font-size:14px; line-height:24px;} .footinner .footintop{ color:#333333;} .footinner .footinbto{ color:#555555;} .bigperson{ margin-bottom:-57px; top:-77px; position:absolute;} .bigperson .touxiang{ width:210px; text-align:center;} .bigperson .touxiang img{ width:100px; height:100px; border:2px solid #fff; border-radius:50%;} .bigperson .personname{ text-align:center; font-size:18px; color:#555555; line-height:32px;} header #header-top {top: 0; right: 0; left: 0; padding: 0 1em; height: 3em; line-height: 3em; color: #fff; background-color: #2c3e50; z-index: 2;} header #header-top #logout { float: right; } header #header-top #logout a { color: inherit; } .current a{display:block; background:#61b988;line-height:38px; height:38px; margin:0px 0 15px 0; color:#fff; font-size:14px;} .current a{color:#FFF;} .funclistul {position:relative;} .funclistul li{ line-height:38px; height:38px;font-size:14px;} .funclistul li a{ text-align:center;display:block; padding:0; line-height:38px; height:38px; font-size:14px; overflow:hidden;} .funclistul li a:hover{ background:#61b988; color:#fff;} .funclistul li b{ width:21px; height:20px; margin:10px 5px 0 0px;} .line {text-align:center;height:0px!important;border-top:solid 1px #CCC;} #divide_line {position:absolute;height:1316px;border-color:#CCC;border-left-style:solid;border-width:1px} #frame_content {border:0px; height:981px; min-height:700px;} .fl{float:left;} .fr{float:right;} .Wrapbody{width:890px;height:900px;overflow:hidden;padding-top:20px;position:relative;margin-left: 50px;} .zla_m_tab { width:850px;height:40px; padding-top:12px; border-bottom:2px #ccc solid;font-size:20px;color:#777;} .zla_m_item { float:left; width:106px; height:40px; } .zla_m_item a ,.zla_m_cur a { display:inline-block; width:150px; height:40px; line-height:40px; text-align:center;font-size:20px;color:#777;} .zla_m_item a:hover , .zla_m_cur a { display:inline-block; background:url(../img/tri.png) center 35px no-repeat; text-decoration:none; border-bottom:2px solid #61b988;font-size:20px;color:#333;} .Div { margin-top:30px; } .ulDiv { margin-top:30px; } .ulDiv ul li { margin-left: 3px; position:relative; width: 270px; margin-bottom: 32px; background-color: #fff; float:left; zoom: 1; letter-spacing: 0; overflow: hidden; height: 150px; margin-right: 16px; border-radius: 3px; } .ulDiv ul li:hover { border-color: rgba(101, 204, 153, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 204, 153, 0.6); } .Mcon1img .Gd { display: block; width: 23px; height: 23px; position: absolute; top: 0px; right: 0px; display: none; } .Mconright{padding:20px;} .Mconright h3{font-size:18px;padding:7px 0 10px 0;} .Mconright h3 a{float:left} .Mconright p{color:#666;font-size:12px;} .Mcon1img{position:relative;} .Mcon1img:hover .Gd{display:block;} .Mconright h3 i{display:none;width:8px;height:8px;background:red;border-radius:8px;margin-left: 5px;float:left;} .red { color: #b9423c; } .green { color: #61b988; } .force_red { color: #b9423c!important; } .force_green { color: #61b988!important; } .block { padding: 30px 0; } .aline { margin-right: 50px; padding: 10px 0; float: right; } .four_in_one { height: 50px; line-height: 50px; width: 172px; padding: 10px 50px 10px 0px; float: right; text-align: center; vertical-align: middle; } .specail_line_one { margin-right: 150px; } .specail_line_two { margin-right: 68px; } .specail_line_three { margin-right: 357px; } .specail_line_four { margin-right: 111px; } .normal_one { font-size: 2em; vertical-align: middle; } .normal_two { font-size: 1.5em; vertical-align: middle; } .normal_three { width: 50px; display: inline-block; font-size: 2em; vertical-align: top; } .normal_one, .normal_two, .normal_three { margin: 5px; height: 30px; line-height: 30px; overflow: hidden; } .one_block { width: 150px; height: 30px; text-align: center; } .one_line { width: 750px; height: 30px; } .many_lines { width: 750px; height: 150px; resize: none; overflow: scroll; } .exam_many_lines { width: 720px; height: 150px; resize: none; overflow: scroll; } .one_block, .one_line, .many_lines, .exam_many_lines { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; font-size: 2em; display: inline-block; padding: 4px; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 3px; margin: 3px 0; } .one_block:focus, .one_line:focus, .many_lines:focus, .exam_many_lines:focus { border-color: rgba(101, 204, 153, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 204, 153, 0.6); } .submit_button { width: 200px; height: 41px; transition: border linear 0.2s, box-shadow linear 0.2s; font-size: 1.5em; display: inline-block; padding: 4px; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 3px; margin: 3px 0; cursor: hand; } .submit_button:hover { border-color: rgba(101, 204, 153, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 204, 153, 0.6); } .submit_button:focus { border-color: rgba(101, 204, 153, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 204, 153, 0.6); } .submit_button:disabled { color: #555555; background-color: #e8e8e8; } .submit_button:disabled:hover { border-color: rgba(232, 232, 232, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 rgba(232, 232, 232, 0.6); } .submit_button:disabled:focus { border-color: rgba(232, 232, 232, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 rgba(232, 232, 232, 0.6); } .check { margin-right: 10px; } .score { padding: 30px 50px; height: 400px; overflow: scroll; } .score_title { font-size: 1.5em; } .button_block { padding: 10px 0; text-align: center; } .marklist { z-index: 50; width:250px; top:105px; right:160px; position:fixed; background: #fff; padding: 10px; border-radius: 3px; } .mark_title, .submit_paper, .marklist ul li { position:relative; margin-bottom: 32px; background: #fff; float:left; zoom: 1; letter-spacing: 0; overflow: hidden; border-radius: 3px; text-align: center; border: 1px solid #61b988; } .mark_title:hover, .submit_paper:hover, .marklist ul li:hover { border-color: rgba(101, 204, 153, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 204, 153, 0.6); } .mark_title { width: 80px; height: 30px; margin: 10px 120px 10px 8px; } .submit_paper { width: 80px; height: 30px; margin: 20px 8px 10px 150px; } .marklist ul li { width: 30px; height: 30px; margin: 5px 8px; } .mark { line-height: 30px; font-size: 1.5em; color: #61b988; background: #fff; text-align: center; vertical-align: middle; } .active { background: #61b988!important; color: #fff; } .active a { background: #61b988!important; color: #fff; } header #exam_top {z-index:999!important;position: fixed; opacity:0.9; top: 0; right: 0; left: 0; padding: 0 1em; height: 4em; line-height: 4em; color: #3f3f3f; background-color: #fff; z-index: 2;font-size: 1.5em;} .exam_foot {z-index:999!important;margin-top:36px; background:#fefefe; color:#3f3f3f; padding:20px 0; text-align:center; font-size:14px; line-height:24px;} .center { text-align:center; } .exam_head { padding: 0 10px; } .alert_screen {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; z-index: 1000;} .alert_block {margin-top: 300px; text-align: center;} .alert_msg {font-size: 2em;} .quit_btn, .alert_btn {margin-top: 50px;text-align: center;} .examright {position:relative; top:105px; padding:25px; width:770px; background: #fff; border-radius: 3px;margin-bottom: 100px;} .title{ font-size: 2em; padding: 10px 0; } .content_box { padding: 20px; } .choice_box { padding-left: 20px; } .content { height: 30px; line-height: 30px; font-size: 1.5em; padding: 10px 0; } .title:target, .content_box:target{ padding-top:72px; } @media screen and (max-width: 1400px){ .marklist { right:100px; } } @media screen and (max-width: 1300px){ .marklist { right:50px; } } @media screen and (max-width: 1200px){ .marklist { right:0px; } } ``` ``` <header> <div id="exam_top"> <div class="leftF"> <span class="exam_head">专业简答题</span> </div> <div class="rightF"> <span class="exam_head">账号:<%=(String) session.getAttribute("login")%></span> </div> <div class="center"> <span class="exam_head">考试限时:30分钟</span> <span class="exam_head">剩余时间:<span class="green" id="time"></span>分钟 </span> </div> </div> </header> <div class="main"> <div class="examright centerF"><!-- class leftF被修改 --> <div class="block" > <form action="SaveAnswer" method="post" id="form1"> <c:forEach items="${sq}" var="QsInfo" varStatus="vs"> <input type="hidden" name="index${vs.count}" value="${QsInfo.essayId}"/><!-- 隐藏题目ID传递给后台 --> <!--循环输出分割线———————————————————————————————————— --> <!-- EL表达式可以自动转型 --> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">专业简答题${vs.count} :</h3> </div> <div class="panel-body">${QsInfo.eTitle}</div> <div class="form-group"> <textarea class="form-control" rows="3" name="ans${vs.count}"></textarea> </div> </div> </c:forEach> </form> <div> <button type="button" class="btn btn-success btn-block" onclick="sub()">提交试卷</button> </div> <!--———————————————————————————————————————————————————————— --> </div> </div> </div> ```

javascript DOM新增加元素为什么不能应用css样式

请看代码,为什么静态是红色,动态是黑色,怎样使动态也能应用css? <html> <head> <style> .texta { color:#ff0000; } </style> <script> window.onload=function () { var bodydiv=document.getElementById("bodydiv"); var a=document.createElement("h1"); a.class="texta"; a.innerHTML="动态"; bodydiv.appendChild(a); }; </script> </head> <body> <div class="bodydiv" id="bodydiv"> <h1 class="texta">静态</h1> </div> </body> </html>

css 中strong样式问题

css 在类选择器里和派生选择器里包含的strong里同时添加color属性,为什么显示的是strong里的颜色 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style> ul li strong{ font-style:italic; color:#00FF00; } center{ text-align:center; color:#FF0000; } .top{ color:#00FF00; } #mine{ font:"华文行楷"; font-size:12px; background-color:#DDDDDD; } </style> </head> <body> <ul> <li class="top"><strong>闫红霞</strong></li> <li id="mine" class="top"><strong>宋贝贝 </strong></li> <li class="top"><strong>孙尧</strong></li> <li class="top"><strong>陈林</strong></li> <li class="center"><strong >孟祥雯</strong></li> <li class="center1">杨艳</li> <li>陈林</li> <li>孙尧</li> <li>宋贝贝</li> <li>闫红霞</li> </ul> </body> 结果样式为:孟祥雯 斜体红色居中 杨艳 红色居中 strong标签里的为绿色斜体 实际结果:孟祥雯 斜体**绿色**居中 杨艳 红色居中 strong标签里的为绿色斜体

为什么我外部导入CSS代码样式会错乱,直接写在想要导入的代码却没事?

``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <script src="../jquery-1.11.1.min.js"></script> <link rel="stylesheet" type="text/css" href= /> </head> <body> <div class="wrap"> <ul> <li> <a href="#">一级菜单1</a> <ul style="display: none;"> <li><a href="">a</a></li> <li><a href="">b</a></li> <li><a href="">c</a></li> </ul> </li> <li> <a href="#">二级菜单1</a> <ul style="display:none;"> <li><a href="">d</a></li> <li><a href="">e</a></li> <li><a href="">f</a></li> </ul> </li> <li> <a href="#">三级菜单1</a> <ul style="display: none;"> <li><a href="">g</a></li> <li><a href="">h</a></li> <li><a href="">i</a></li> </ul> </li> </ul> </div> </body> <script> // 给一级菜单li设置鼠标移入事件,二级菜单显示 $('.wrap>ul>li').mouseover(function(){ $(this).children('ul').show(); // 给一级菜单li设置鼠标离开事件,二级菜单隐藏 $('.wrap>ul>li').mouseout(function(){ $(this).children('ul').hide(); }); </script> </html> _** 插入的CSS代码**_ <!doctype html> <html> <head> <meta charset="utf-8"> <title>美化菜单</title> <style> *{/*清除页面原有的边距*/ margin: 0; padding: 0; } .wrap{/*定义盒子框架*/ width:221px; height:21px; border:1px solid red; margin:100px auto; /*盒子居中*/ } ul{/*去除列表小圆点*/ list-style: none; } div ul li{ float:left;/*标签左浮动*/ text-align:center; } div ul li a{/*一级菜单*/ text-decoration: none;/*去除下划线*/ background-color: lightpink;/*块级元素颜色*/ width:120px; } div ul li ul li a{/*二级菜单*/ display: block;/*让a标签转换为块级元素*/ width: 72px; } div ul li a:hover{/*鼠标悬停时块级元素变橙色*/ background-color: orange; } div ul li ul li{/*二级菜单不浮动*/ float: none; } </style> </head> <body> </body> </html> ```

页面 引入css文件后 css起作用但页面一直在加载中 求解

未引入css 前 页面加载完是这样![图片说明](https://img-ask.csdn.net/upload/201908/06/1565059998_610063.png) 没有css样式 引入 < link href="/assets/css/web/all.css?v=2.0.4" type="text/css" rel="stylesheet"> 页面样式改变达到预期 但出现问题 ![图片说明](https://img-ask.csdn.net/upload/201908/06/1565060056_983808.png) 页面一直在加载中 而且一直加载不完 ![图片说明](https://img-ask.csdn.net/upload/201908/06/1565060106_479794.png) 不知道什么原因 哪位大神有思路么

java:jsp不显示css样式

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head> <title>汽车</title> <link href="../../css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-siteapp" /> <link href="../../css/style.css" type="text/css" rel="stylesheet" /> <link href="../../css/amy.css" type="text/css" rel="stylesheet"> <link href="../../css/amy_1.css" type="text/css" rel="stylesheet"> <link href="../../css/buy.css" type="text/css" rel="stylesheet"> <!--[if (gte IE 9)|!(IE)]><!--> <script src="../../js/jquery.min.js"></script>

如何根据屏幕分辨率的不同 ,调用不同的css样式?

我的代码如下 ``` function center(){ //判断显示器分辨率 var winWidth = document.documentElement.clientWidth; var winHeight = document.documentElement.clientHeight; if((winWidth==1920)&&(winHeight==985)){ $("#css").attr("href","page/common/css/logo_style2.css"); }else if((winWidth==1366)&&(winHeight==673)){ $("#css").attr("href","page/common/css/logo_style1.css"); } } ``` 我在那个路径下,也写了两个css,为什么我换显示器时,这个不起作用,永远是开头定义的那个css样式。 ``` <title>根据分辨率调整样式大小</title> <link href="page/common/css/logo_style1.css" type=text/css rel=stylesheet /> ``` 请问怎么解决?

学Python后到底能干什么?网友:我太难了

感觉全世界营销文都在推Python,但是找不到工作的话,又有哪个机构会站出来给我推荐工作? 笔者冷静分析多方数据,想跟大家说:关于超越老牌霸主Java,过去几年间Python一直都被寄予厚望。但是事实是虽然上升趋势,但是国内环境下,一时间是无法马上就超越Java的,也可以换句话说:超越Java只是时间问题罢。 太嚣张了会Python的人!找工作拿高薪这么简单? https://edu....

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

为什么程序猿都不愿意去外包?

分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助

Java校招入职华为,半年后我跑路了

何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

@程序员:GitHub这个项目快薅羊毛

今天下午在朋友圈看到很多人都在发github的羊毛,一时没明白是怎么回事。 后来上百度搜索了一下,原来真有这回事,毕竟资源主义的羊毛不少啊,1000刀刷爆了朋友圈!不知道你们的朋友圈有没有看到类似的消息。 这到底是啥情况? 微软开发者平台GitHub 的一个区块链项目 Handshake ,搞了一个招募新会员的活动,面向GitHub 上前 25万名开发者派送 4,246.99 HNS币,大约价...

用python打开电脑摄像头,并把图像传回qq邮箱【Pyinstaller打包】

前言: 如何悄悄的打开朋友的摄像头,看看她最近过的怎么样,嘿嘿!这次让我带你们来实现这个功能。 注: 这个程序仅限在朋友之间开玩笑,别去搞什么违法的事情哦。 代码 发送邮件 使用python内置的email模块即可完成。导入相应的代码封装为一个send函数,顺便导入需要导入的包 注: 下面的代码有三处要修改的地方,两处写的qq邮箱地址,还有一处写的qq邮箱授权码,不知道qq邮箱授权码的可以去百度一...

C++(继承):19---虚基类与虚继承(virtual)

一、菱形继承 在介绍虚继承之前介绍一下菱形继承 概念:A作为基类,B和C都继承与A。最后一个类D又继承于B和C,这样形式的继承称为菱形继承 菱形继承的缺点: 数据冗余:在D中会保存两份A的内容 访问不明确(二义性):因为D不知道是以B为中介去访问A还是以C为中介去访问A,因此在访问某些成员的时候会发生二义性 缺点的解决: 数据冗余:通过下面“虚继承”技术来解决(见下) 访问...

计算机网络——浅析网络层

一、前言 注意,关于ipv4和ipv6,ipv4是ip协议第4版本,也表示这个版本的ip一共4个字节,同样地,ipv6是ip协议第6版本,也表示这个版本的ip一共6个字节。 关于网络层使用路由器实现互联:在计算机网络的分层结构中,不同层有不同的中继设备: 计算机网络层 中继设备/中继系统 物理层 中继器、集线器Hub 数据链路层 网桥或交换机(交换机是多端口网桥,两者本质上是一个东西) 网络层 路...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

女朋友过生日,我花了20分钟给她写了一个代理服务器

女朋友说:“看你最近挺辛苦的,我送你一个礼物吧。你看看想要什么,我来准备。” 我想了半天,从书到鞋子到电子产品最后到生活用品,感觉自己什么都不缺,然后和她说:“你省省钱吧,我什么都不需要。” 她坚持要送:“不行,你一定要说一个礼物,我想送你东西了。” 于是,我认真了起来,拿起手机,上淘宝逛了几分钟,但还是没能想出来缺点什么,最后实在没办法了:“这样吧,如果你实在想送东西,那你就写一个代理服务器吧”...

记一次腾讯面试,我挂在了最熟悉不过的队列上……

腾讯后台面试,面试官问:如何自己实现队列?

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

立即提问
相关内容推荐