溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

web前端入門到實戰(zhàn):CSS基本格式以及文字相關的屬性

發(fā)布時間:2020-08-01 08:49:43 來源:網絡 閱讀:142 作者:前端向南 欄目:web開發(fā)

一、CSS格式

1.注意點:

(1)style標簽必須寫在head標簽的開始標簽和結束標簽之間(也就是必須和title標簽師兄弟關系)

(2)style標簽中的屬性type屬性其實可以不寫,默認就是type="text/css"

(3)設置樣式是必須按照固定格式來設置,key:value;其中不能省略冒號和分號(最后一個分號的時候可以省略,但是我們不提倡)

二、CSS包括什么?

CSS包括選擇器和屬性兩部分

其中選擇器就是標簽名稱,屬性就是屬性名稱和值

<!--CSS的格式-->

<head>

  <style type="text/css">

    標簽名稱:{

              屬性名稱:屬性值

              ......

              }

  </style>

</head>

三、常見的文字相關的屬性

1.規(guī)定文字樣式的屬性

(1)格式:font:normal;

(2)常見取值:i.normal:正常的文字;ii.italic:傾斜的文字

(3)快捷鍵:(由于我們使用的是wbstorm,在企業(yè)開發(fā)過程中掌握某些軟件的快捷鍵是很有必要的,可以達到事半功倍的效果)

fs+table代表font-style:italic;

fsn代表font-style:normal;

2.規(guī)定文字粗細的屬性

(1)格式:font-weight:bolder;

(2)常見的取值:

i.單詞取值:

bold加粗;bolder更粗;lighter:細線(注意:默認是細線的格式,并且有的字體加粗是有上限的,并不是能變得更粗)

ii.100-900之間整百的數(shù)字。

(3)快捷鍵:

fw代表font-weight::

fwb代表font-weight:bold;

fwbr代表font-weight:bolder;

3.規(guī)定文字大小的屬性

(1)格式:font-size:30px;

(2)單位:px,這里是以像素來顯示的(pixel),并且這個單位是不能省略的。

(3)常見的取值:數(shù)值加單位

(4)快捷鍵:

i.fz代表font-size:;

ii.fz20代表font-size:20px;

這里面是支持直接加個數(shù)字的

4.規(guī)定文字字體的屬性

(1)格式:font-family;“”微軟雅黑”

(2)常見取值:微軟雅黑、宋體(默認)、.......(word中有好多中字體)

(3)注意:取值如果是中文的話,一定要用引號來括起來;使用到的取值必須是電腦中提前裝好的字體

(3)快捷鍵:

ff代表:font-family:;(不過在我的webstorm不行,估計版本過低)

<head>
    <meta charset="UTF-8">
    <title>d60&61_fixed_format_of_CSS&text_attribute</title>
    <style>
        p{
            font-style:italic;
            font-weight:900;
            font-size:50px;
            font-family:"微軟雅黑";
        }
    </style>
</head>
<body>
<!---->
<p>我是一個段落</p>
<hr>
<hr>
<i>被廢棄的傾斜</i>
<br>
<b>被廢棄的加粗</b>
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享學習方法和需要注意的小細節(jié),不停更新最新的教程和學習技巧(從零基礎開始到前端項目實戰(zhàn)教程,學習工具,全棧開發(fā)學習路線以及規(guī)劃)

web前端入門到實戰(zhàn):CSS基本格式以及文字相關的屬性

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI