js字体css变化参考03

简介: js字体css变化参考03
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>通知</title>
        <style type="text/css">
            @font-face {
                font-family:jianzhi;
                src: url(FZJZJW.TTF);
            }
            body{color: #128095;}
            h3{
                font-family: jianzhi;
                font-size: 32px;
                text-align: center;
                letter-spacing: 10px;
                text-shadow: 2px 10px 20px #CCC;
            }
            h4{
                font-family: "楷体";
                text-align: center;
            }
            p{line-height: 28px;}
            .indent{text-align: 2em;}
            .space{white-space: pre;}
            .right{
                text-align: right;
                font-weight: bold;
            }
        </style>
    </head>
    <body>
        <h3>活动通知</h3>
        <h4>————第一期员工活动主题为“放飞身心 踏青徒步</h4>
        <hr/>
        <p><strong>各位公司同仁:</strong></p>
        <p class="indent">
        首期员工活动在春暖花开、阳光明媚的五月正式开始,邀请大家走出钢筋水泥的大森林,享受阳光、亲近自然、放松心情,舒展内容是踏青徒步。<mark>踏青徒步活动时间为5月6日<mark/>.
        </p>
        <img src="img/taqing.png" >
        <p class="space">
            <strong>1.安排如下</strong>
            ●<mark>13:00</mark>在公司门口集合
            ● <mark>13:30</mark>集体徒步前往目的地
            ●<mark> 16:30</mark>活动结束,大家可以自由活动.
            <strong>2.活动须知</strong>
            ● 各位同事提前安排好工作,如因工作原因不能参加本次活动的人员请通
               知行政人事部;
            ● 公司为所有参与人员准备饮用水、面包、餐布、扑克等必需物品;
            ● 上衣穿着公司统一购买t恤,员工自行选择方便运动、徒步。
            </p>
            <br/>
            <p class="right">行政文化中心</p><br/>2019年4月22日      
    </body>
</html>
相关文章
|
25天前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
13天前
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
|
3天前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
Next.js和Nuxt.js在优化CSS和JavaScript加载方面提供了多种策略和工具。Next.js通过代码拆分、图片优化和特定的CSS/JavaScript优化措施提升性能;Nuxt.js则通过代码分割、懒加载、预渲染静态页面、Webpack配置和服务端缓存来实现优化。两者均能有效提高应用性能。
|
3天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
30 1
|
8天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
19 3
|
13天前
|
前端开发 JavaScript UED
如何使用 JavaScript 动态修改 CSS 变量的值?
【10月更文挑战第28天】使用JavaScript动态修改CSS变量的值可以为页面带来更丰富的交互效果和动态样式变化,根据不同的应用场景和需求,可以选择合适的方法来实现CSS变量的动态修改,从而提高页面的灵活性和用户体验。
|
12天前
|
自然语言处理 JavaScript 前端开发
[JS]同事看了我做的this笔记,直摇头,坦言:我还是参考启发博文吧
本文介绍了JavaScript中`this`关键字的重要性和使用规则。作者回顾了早期笔记,总结了`this`指向的各种情况,并分享了最新的理解。文章强调了`this`在不同上下文中的指向,包括对象方法、全局函数、箭头函数等,并提供了改变`this`指向的方法。适合JavaScript开发者参考。
28 2
|
19天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
69 6
|
Web App开发 前端开发 iOS开发
CSS3的REM设置字体大小
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EMS优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。
175 0
CSS3的REM设置字体大小

热门文章

最新文章