javascript外链式css参考02

简介: javascript外链式css参考02
html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <h2>百度糯米-便宜实惠,品质保证,服务专业!"</h2>
        <img src="img/baidunuomei.png" >
        <ul>
            <li type="disc">麻辣烫/冒菜</li>
            <li type="disc">美食</li>
               <ol>
                <li type="circle">中餐/家常菜</li>
                <li type="circle">夏日饮品</li>
               <ul type="square">
                <li>米芝莲:24元</li>
                <li>沪上阿姨:12.90元</li>
                <li>哆哆鲜奶吧:30元</li>
                <li>黄记玉米汁:80元</li>
                </ol>
        <li type="disc">创意菜/私房菜</li>
        </ul>
        <h3>联系人员客服:</h2>
        <ol>
            <li type="none">邮箱:nuomihelip@baidu.com</li>
            <li type="none">周一至周五 9:00-22:00</li>
        </ol>
        <h3>客服电话 免长途费</h3>
        <ol>
            <li type="none">4006-888-887</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;
}
相关文章
|
14天前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
17 4
|
11天前
|
前端开发 JavaScript
HTML+JavaScript+CSS DIY 分隔条splitter
HTML+JavaScript+CSS DIY 分隔条splitter
|
13天前
用CSS+JavaScript打造网页中的选项卡
用CSS+JavaScript打造网页中的选项卡
|
16天前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
30 0
JS配合CSS3实现动画和拖动小星星小Demo
|
22天前
|
前端开发 JavaScript
uniapp动态修改css样式(通过js来修改css样式)
uniapp动态修改css样式(通过js来修改css样式)
|
1月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
27天前
|
XML JavaScript 前端开发
JavaWeb基础4——HTML,JavaScript&CSS
HTML,JavaScript&CSS、元素、标签、css 选择器、属性、JavaScript基础语法、JavaScript对象、BOM浏览器对象模型、DOM文档对象模型、事件监听、正则对象RegExp/ES6
JavaWeb基础4——HTML,JavaScript&CSS
|
13天前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
|
1月前
|
前端开发 JavaScript
JavaScript 动态更新 CSS
【9月更文挑战第01天】
17 2
|
2月前
|
前端开发
2s 利用 HTML+css动画实现企业官网效果
2s 利用 HTML+css动画实现企业官网效果