javascript外链式css参考03

简介: javascript外链式css参考03
html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            body{background-color: aqua;}
            ol{font-size: 15px;}
        </style>
    </head>
    <body>
        <h2>第四届这个大学出版奖公式</h2>
        <p>一等奖(68种)</p>
        <ol>
        <li>刑事诉讼</li>
        <li>普通化学原理</li>
        <li>影评学教程</li>
        <li>保险学</li>
        <li>......</li>
        </ol>
        <p>二等奖(119种)<p>
        <ol>
        <li>艺术教程</li>
        <li>经济学</li>
        <li>创新管理</li>
        <li>医学遗传</li>
        <li>.....</li>
        </ol>
    </body>
</html>
css
body{font-size: 12px; font-family: "宋体"; color: #222;}
body,h2,ul,li{padding:0;margin:0;list-style: none;}
.all{
    width: 300px;
    height: 200px;
    margin: 20px auto;
}
.head{
    font-size: 12px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    border-bottom: 5px solid #cc5200;
    background: #f60 url(../img/title_bg.png)no-repeat 11px 7px;
    padding-left: 34px;
}
.content{
    padding: 25px 0 0 15px;
    background: #fff5ee;
}
.content li{
    height: 26px;
    background: url(../img/li_bg.png)no-repeat left top;
    padding-left: 22px;
}
.content li a:link,.content li a:visited{
    color: #666;
    text-decoration: none;
}
.content li a:hover{
    color: #F60;
}
相关文章
|
1天前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2天前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
50 33
|
23天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
97 24
|
1月前
纸屑飘落生日蛋糕场景js+css3动画特效
纸屑飘落生日蛋糕CSS3动画特效是一款js+css3制作的全屏纸屑飘落,生日蛋糕点亮庆祝动画特效。
49 3
|
2月前
|
前端开发
Foundation CSS 参考手册3
此段内容介绍了几个常用的CSS类及其功能:.left 和 .right 分别使元素向左或向右浮动;.clearfix 用于清除浮动,需添加于浮动元素的父元素上;.hide 通过设置 CSS display 属性为 none 来隐藏元素;.list-inline 可将列表项水平排列;.lead 使文本更加突出;.subheader 用于设置浅色的标题元素。
|
2月前
|
前端开发
Foundation CSS 参考手册2
本文介绍了如何使用CSS类实现文本对齐,包括基本的左、右、居中和两端对齐,以及针对不同屏幕尺寸的特定对齐方式,如小屏、中屏、大屏等,每个类别都有相应的示例供测试。
|
2月前
|
JavaScript 前端开发
CSS3 动画和 JavaScript 动画的性能比较
具体的性能表现还会受到许多因素的影响,如动画的复杂程度、浏览器的性能、设备的硬件条件等。在实际应用中,需要根据具体情况选择合适的动画技术。
|
2月前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
优化CSS和JavaScript加载
|
2月前
|
前端开发
Foundation CSS 参考手册1
Foundation CSS参考手册:Foundation框架默认使用浏览器字体大小(通常16px),移动设备为12px,字体为&quot;Helvetica Neue&quot;,行高1.5。段落底部外边距1.25rem,行高1.6。对h1至h6标题、链接、副标题、引用、加粗、斜体、缩写、键盘输入、水平线、代码片段及列表等HTML元素设置了独立样式,优化了网页显示效果。
|
2月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
26 0