HTML 文字，样式表

最新推荐文章于 2022-10-13 16:58:32 发布

weixin_30267785

最新推荐文章于 2022-10-13 16:58:32 发布

阅读量129

点赞数 1

原文链接：http://www.cnblogs.com/yimian/p/6625820.html

版权

font-size:16px; 文字大小

Font-weight: 700 ; 值从100-900，文字粗细，不推荐使用font-weight:bold;

Font-family:微软雅黑; 文本的字体

Font-style: normal | italic; normal 默认值 italic 斜体

line-height: 行高

font: font-style font-weight font-size/line-height font-family;

◆：注意：font:后边写属性的值。一定按照书写顺序。

文本属性连写文字大小和字体为必写项。

Font:italic 700 16px/40px 微软雅黑;

文字的表达方式

◆直接写中文名称。

◆写字体的英文名称。

◆unicode 编码

浏览器---空白页面 ------ F12 或者审查元素---- 进入console ------输入escape(“宋体”)

=================================================

<title>7.html</title>
    <style type="text/css">
    .content{
        width:800px;
        margin:0 auto;
    }
    .content h1{
        font:28px microsoft yahei;
        text-align:center;
    }
    .content .box{
        text-align:center;

    }
    .time,.news{
        font-size: 14px;
    }
    .time{
        color:rgb(190,190,190);
    }
    .news{
        color:#990000;
    }
    .box input[type=text]{
        color:red;
    }
    .box input[type=botton]{
        color:green;
        font-weight=700;
    }
    .content p{
        text-indent:2em;
        line-height:24px;
    }
    .content p span{
             color: blue;
         }

    </style>

</head>
<body>
<div class="content">
    <h1>中乙队赛前突然换帅仍胜毅腾 高原黑马欲阻击舜天</h1>
    <div class="box"> 
    <span class="time">2014年07月16日20:11 </span>
    <span class="news">新浪体育 评论中大奖（11人参与）</span>
    <a href="#">收藏本文</a>&nbsp;
    <input type="text" value="请输入搜索条件"/>
    <input type="button" value="搜索"/>
    </div>
    <hr>
<p>新浪体育讯　7月16日是燕京啤酒<span>[微博]</span>2014中国足协杯第三轮比赛，丽江嘉云昊队主场迎战哈尔滨毅腾队的比赛日。然而就在比赛日中午，丽江嘉云昊队主帅李虎和另外两名成员悄然向俱乐部提出了辞呈，并且收拾行囊准备离开。在这样的情况下，丽江嘉云昊队不得不由此前的教练员杨贵东代理指挥了本场比赛。</p>
<p>在昨日丽江嘉云昊队主帅李虎就缺席了赛前的新闻发布会，当时俱乐部给出的解释是李虎由于身体欠佳，去医院接受治疗。然而今日李虎出现在俱乐部时，向记者否认了这一说法，并且坦言已经向俱乐部提出了辞呈。</p>
<p>据记者多方了解的情况，李虎<span>[微博]</span>极其教练组近来在执教成绩上承受了不小的压力，在联赛间歇期期间，教练组曾向俱乐部提出能够多引进有实力的球员补强球队，然而由于和俱乐部在投入以及成绩指标上的分歧，李虎最终和教练组一起在比赛日辞职。</p>
<p>这样的情况并没有影响到丽江嘉云昊队<span>[微博]</span>的队员，在比赛中丽江队在主场拼的非常凶，在暴雨之中仍然发挥出了体能充沛的优势，最终凭借点球击败了中超球队哈尔滨毅腾，顺利晋级下一轮比赛。<strong>根据中国足协杯的赛程，丽江嘉云昊队将在本月23日迎战江苏舜天队。</strong></p>
</div>

１样式表书写位置

◆内嵌式写法

<head>

样式表写法

</style>

</head>

◆外链式写法

写在head里，<link rel=”stylesheet” href=”1.css”>

.box{
    font:italic  700 54px microsoft yahei;
    color:#990000;

}

◆行内样式表

◆三种写法特点:

★内嵌式写法，样式只作用于当前文件，没有真正实现结构表现分离。

★外链式写法，作用范围是当前站点，谁调用谁生效，范围广，真正实现结构表现分离。

★行内样式表，作用范围仅限于当前标签，范围小，结构表现混在一起。（不推荐使用）

转载于:https://www.cnblogs.com/yimian/p/6625820.html

weixin_30267785

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML 文字，样式表

文字的表达方式

１ 样式表书写位置

１样式表书写位置