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>
相关文章
|
13天前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性,通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性,并提供了实用的代码示例。此外,还简要介绍了调试工具中的一些细节,如错误属性标识和属性生效状态的控制。
47 28
|
22小时前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
6 0
JS配合CSS3实现动画和拖动小星星小Demo
|
7天前
|
前端开发 JavaScript
uniapp动态修改css样式(通过js来修改css样式)
uniapp动态修改css样式(通过js来修改css样式)
|
15天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
11天前
|
XML JavaScript 前端开发
JavaWeb基础4——HTML,JavaScript&CSS
HTML,JavaScript&CSS、元素、标签、css 选择器、属性、JavaScript基础语法、JavaScript对象、BOM浏览器对象模型、DOM文档对象模型、事件监听、正则对象RegExp/ES6
JavaWeb基础4——HTML,JavaScript&CSS
|
24天前
|
前端开发 JavaScript
JavaScript 动态更新 CSS
【9月更文挑战第01天】
13 2
|
24天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML、CSS与JavaScript之旅
在这个数字时代,拥有一个个性化的网络空间已成为许多人的梦想。本文将引导你了解如何从零开始,使用HTML、CSS和JavaScript创建属于自己的博客网站。我们将探索这些技术的基础概念,并通过实际代码示例展示如何将静态页面转变为动态交互式网站。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供一条清晰的学习路径。【8月更文挑战第31天】
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
71 2
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
64 4
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
56 4