javascript外链式css参考01

简介: 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;
}
相关文章
|
15天前
纸屑飘落生日蛋糕场景js+css3动画特效
纸屑飘落生日蛋糕CSS3动画特效是一款js+css3制作的全屏纸屑飘落,生日蛋糕点亮庆祝动画特效。
32 3
|
24天前
|
前端开发
Foundation CSS 参考手册3
此段内容介绍了几个常用的CSS类及其功能:.left 和 .right 分别使元素向左或向右浮动;.clearfix 用于清除浮动,需添加于浮动元素的父元素上;.hide 通过设置 CSS display 属性为 none 来隐藏元素;.list-inline 可将列表项水平排列;.lead 使文本更加突出;.subheader 用于设置浅色的标题元素。
|
24天前
|
前端开发
Foundation CSS 参考手册2
本文介绍了如何使用CSS类实现文本对齐,包括基本的左、右、居中和两端对齐,以及针对不同屏幕尺寸的特定对齐方式,如小屏、中屏、大屏等,每个类别都有相应的示例供测试。
|
1月前
|
JavaScript 前端开发
CSS3 动画和 JavaScript 动画的性能比较
具体的性能表现还会受到许多因素的影响,如动画的复杂程度、浏览器的性能、设备的硬件条件等。在实际应用中,需要根据具体情况选择合适的动画技术。
|
1月前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
优化CSS和JavaScript加载
|
1月前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
Next.js和Nuxt.js在优化CSS和JavaScript加载方面提供了多种策略和工具。Next.js通过代码拆分、图片优化和特定的CSS/JavaScript优化措施提升性能;Nuxt.js则通过代码分割、懒加载、预渲染静态页面、Webpack配置和服务端缓存来实现优化。两者均能有效提高应用性能。
|
1月前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
132 1
|
1月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
47 3
|
24天前
|
前端开发
Foundation CSS 参考手册1
Foundation CSS参考手册:Foundation框架默认使用浏览器字体大小(通常16px),移动设备为12px,字体为&quot;Helvetica Neue&quot;,行高1.5。段落底部外边距1.25rem,行高1.6。对h1至h6标题、链接、副标题、引用、加粗、斜体、缩写、键盘输入、水平线、代码片段及列表等HTML元素设置了独立样式,优化了网页显示效果。
|
28天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
17 0