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>
相关文章
|
15天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
86 24
|
25天前
|
JavaScript 前端开发
页面滚动触发css3动画js插件
delighters.js是一款页面滚动触发css3动画js插件。该js插件可以在页面向下滚动时,为进入浏览器视口的元素制作各种炫酷的CSS3动画效果。
46 13
|
1月前
纸屑飘落生日蛋糕场景js+css3动画特效
纸屑飘落生日蛋糕CSS3动画特效是一款js+css3制作的全屏纸屑飘落,生日蛋糕点亮庆祝动画特效。
47 3
|
2月前
|
编解码 前端开发 UED
探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用
本文深入探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用。通过实际案例分析和注意事项的讨论,旨在帮助开发者更好地理解和运用媒体查询,提升移动端用户体验。
50 4
|
2月前
|
前端开发
Foundation CSS 参考手册3
此段内容介绍了几个常用的CSS类及其功能:.left 和 .right 分别使元素向左或向右浮动;.clearfix 用于清除浮动,需添加于浮动元素的父元素上;.hide 通过设置 CSS display 属性为 none 来隐藏元素;.list-inline 可将列表项水平排列;.lead 使文本更加突出;.subheader 用于设置浅色的标题元素。
|
2月前
|
前端开发
Foundation CSS 参考手册2
本文介绍了如何使用CSS类实现文本对齐,包括基本的左、右、居中和两端对齐,以及针对不同屏幕尺寸的特定对齐方式,如小屏、中屏、大屏等,每个类别都有相应的示例供测试。
|
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制作的简单网页文章文字内容背景颜色黑白切换效果。
24 0
|
4月前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
68 0