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>



 

1 样式表书写位置

◆内嵌式写法

<head>

<style type=”text/css”>

样式表写法

</style>

</head>

◆外链式写法

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

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

}

 

◆行内样式表

 

 

◆三种写法特点:

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2017-03-27 11:20  yimian  阅读(464)  评论(0编辑  收藏  举报
访问人数:AmazingCounters.com