AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

javascript外链式css参考01

2022-11-08 123
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： javascript外链式css参考01 
html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/01.css"/>
    </head>
    <body>
        <div id="a11">
            <h2 class="head">企业新闻</h2>
            <ul class="content"></ul>
            <li><a href="#">美库打造有影响力的互联网企业</a></li>
            <li><a href="#">充分尊重和信任员工，建立互相合作的团队</a></li>
            <li><a href="#">通过互联网服务助力客户企业不断发展</a></li>
            <li><a href="#">梦想、企业、信任、创新、感恩、分享、协作</a></li>
            <li><a href="#">为企业提供一站式网络营销服务的人才</a></li>
        </div>
    </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;
}
文章标签：
JavaScript
前端开发
关键词：
JavaScript CSS
CSS javascript
CSS参考
JavaScript链式
JavaScript参考
igmnvubkj3viy
目录
相关文章
cqtianxin1
|
14天前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
cqtianxin1
17 4
游客qeoynko2nmbgk
|
11天前
|
前端开发 JavaScript
HTML+JavaScript+CSS DIY 分隔条splitter
HTML+JavaScript+CSS DIY 分隔条splitter
游客qeoynko2nmbgk
21 1
游客qeoynko2nmbgk
|
13天前
用CSS+JavaScript打造网页中的选项卡
用CSS+JavaScript打造网页中的选项卡
游客qeoynko2nmbgk
35 1
六卿
|
16天前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果，包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
六卿
30 0
JS配合CSS3实现动画和拖动小星星小Demo
花非花雾非雾11
|
23天前
|
前端开发 JavaScript
uniapp动态修改css样式(通过js来修改css样式)
uniapp动态修改css样式(通过js来修改css样式)
花非花雾非雾11
53 3
游客zi3qmblbcdexu
|
1月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3（HTML--网页标签 下）
HTML/CSS/JS学习笔记 Day3（HTML--网页标签 下）
游客zi3qmblbcdexu
60 9
程序员小海绵
|
27天前
|
XML JavaScript 前端开发
JavaWeb基础4——HTML,JavaScript&CSS
HTML,JavaScript&CSS、元素、标签、css 选择器、属性、JavaScript基础语法、JavaScript对象、BOM浏览器对象模型、DOM文档对象模型、事件监听、正则对象RegExp/ES6
程序员小海绵
54 0
JavaWeb基础4——HTML,JavaScript&CSS
杀死一只知更鸟debug
|
14天前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网，轮播图及div+css布局，js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计，包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
杀死一只知更鸟debug
33 0
算精通
|
1月前
|
前端开发 JavaScript
JavaScript 动态更新 CSS
【9月更文挑战第01天】
算精通
17 2
尘尘尘尘
|
5月前
|
前端开发 JavaScript UED
前端开发的魔法：CSS动画与JavaScript的完美结合
本文将探讨如何利用CSS动画和JavaScript的结合，为前端页面增添生动的效果。我们将通过实例展示如何使用这两种技术为网页元素创建吸引人的动画效果，并讨论它们的优缺点和适用场景。
尘尘尘尘
88 0