溫馨提示×

溫馨提示×

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

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

CSS常見的文字屬性

發布時間:2020-06-16 18:12:59 來源:億速云 閱讀:167 作者:元一 欄目:web開發

一、CSS簡介

層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。

二、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.規定文字樣式的屬性

(1)格式:font:normal;

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

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

fs+table代表font-style:italic;

fsn代表font-style:normal;

2.規定文字粗細的屬性

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

(2)常見的取值:

i.單詞取值:

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

ii.100-900之間整百的數字。

(3)快捷鍵:

fw代表font-weight::

fwb代表font-weight:bold;

fwbr代表font-weight:bolder;

3.規定文字大小的屬性

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

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

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

(4)快捷鍵:

i.fz代表font-size:;

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

這里面是支持直接加個數字的

4.規定文字字體的屬性

(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>CSS常見的文字屬性
向AI問一下細節

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

css
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女