|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
各位鱼油,我的css文件有一些不可用(在注释中标明了),希望各位大佬可以给一些建议
以下是css文件
- *{font-family:Cambria, "Hoefler Text";}
- body{background-color:#2A2A2A; color:#FFFFFF}
- ul,ol{font-style:italic;}
- h2{font-weight:100;color:#A0A0A0;} /*weight无效*/
- h3{color:#808080;}
- a:hover {color:#F0FFFF;background-color:#606666;text-decoration:none} /*color无效*/
- a:active {color:#A0A0A0;text-decoration:underline} /*underline无效*/
- a:link{color:#F5F5DC;}
复制代码
以下是html5文件
- <!doctype html>
- <html>
- <head>
- <title>aboutme</title>
- <meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href="my_style.css"/>
- </head>
- <body>
- <h2>About KK</h2>
- <p>My name is <strong>KK</strong>, a college student in <strong>打码</strong></p>
-
- <p>
- <h3>List of the classes I am taking</h3>
- <ul>
- <li>Web开发基础</li>
- <li>程序设计方法与实践</li>
- <li>数值分析</li>
- <li>马克思主义基本原理</li>
- <li>大学物理</li>
- <li>离散数学</li>
- </ul>
- <br>
- </p>
-
- <p>
- <h3>Top3 of my favorite movie</h3>
- <ol>
- <li><a title="Roman Holiday">罗马假日</a></li>
- <li><a title="Old Boy">老男孩</a></li>
- <li><a title="Dying to Survive">我不是药神</a></li>
- </ol>
- <br>
- </p>
-
- <p>
- <h3>My Moods</h3>
- happy<img src="happy.jpg" alt="happy" width="178" height="100">
- sad<img src="sad.jpg" alt="sad " width="178" height="100">
- <br>
- </p>
-
- <p>
- <h3>A friend I want to Introduce</h3>
- <a href="About_Me_Page.html">打码</a> a optimistic,hardworking and easygoing boy
- </p>
- </body>
- </html>
复制代码
本帖最后由 不二如是 于 2018-8-31 13:11 编辑
1、h2标题加粗设置成功了,并没有像鱼油说的“无效”哈:
2、a标签中伪类标签是要有 固定顺序的哈,link--visited--hover-active顺序不能颠倒。
详情参看: CSS选择器优先级
3、修改如下:
- a:link{color:#F5F5DC;}
- a:hover {color:#F0FFFF;background-color:#606666;text-decoration:none} /*color无效*/
- a:active {color:#A0A0A0;text-decoration:underline} /*underline无效*/
复制代码
修改:
4、关于active设置无效:
如果看懂上面说的,就是:visited只支持如下属性:
color、background-color、border-color、border-{bottom,left,right,top}-color、outline-color、column-rule-color
如果鱼油真的必须实现这个,请使用一些Javascript来明确设置访问过的标签的大小。
|
|