全國熱線

400-080-3312

全國監督投訴熱線:9:00-23:00

提升前端web能力,小白要了解前端開發技術,CSS字體屬性

近段時間有很多人都在咨詢,自己作為一個小白,要如何提升web前端開發,不知道現在要如何學習,今天南京學碼思web培訓機構,就告訴大家要想提升前端web能力,小白要了解前端開發技術,CSS字體屬性。1、使用CSS屬性指定和改變

  近段時間有很多人都在咨詢,自己作為一個小白,要如何提升web前端開發,不知道現在要如何學習,今天南京學碼思web培訓機構,就告訴大家要想提升前端web能力,小白要了解前端開發技術,CSS字體屬性。南京ui設計所學知識需掌握,ui培訓機構好選擇

  1、使用CSS屬性指定和改變字體外觀,常見的屬性有:

  font-style: italic; 定義字體的風格

  font-weight: bold; 定義字體粗細

  font-size: 20px; 定義字體大小

  line-height: 30px; 定義一段文字的行高

  還可以使用簡寫形式,把所有屬性值放到font屬性中,如:

  p {font: italic bold 20px/30px 微軟黑體;}

  2、Font-family 屬性可以設置文字字體樣式,比如常用的中文字體有:微軟雅黑,黑體,宋體等;常用的英文字體有:Verdana,arial,Times New Roman等。Font-family 后面可以定義一個字體,也可以定義一個字體列表。為什么需要使用字體列表呢?因為我們無法控制用戶計算機上安裝什么字體,不僅如此,往往操作系統也不一樣,比如在蘋果的Mac電腦上有的字體,在微軟的Windows上就不一定有,所以最好為字體指定一個可選的字體列表。字體列表實際上就是一個字體有限列表,如下,第一個微軟雅黑是我希望使用的,瀏覽器會盡力加載這個字體,如果用戶電腦上沒有這個字體就使用第二個備用字體,依次類推,字體列表最后面應該制定一個通用字體系列。

  p{font-family: 微軟雅黑, 黑體, Arial, Helvetica, sans-serif;}

  3、什么是通用字體系列?在CSS中定義了5個通用字體系列:

  · Sans-serif字體系列:無襯線字體,筆畫粗細一致,在計算機屏幕上更容易閱讀

  · Serif字體系列:有襯線字體,筆畫末端有裝飾性的線條或凸起,報紙正文中使用的字體

  · Monospace字體系列:等寬字體,每個字母寬度一致,用于顯示軟件代碼示例

  · Cursive字體系列:手寫體

  · Fantasy字體系列:裝飾性字體,設計感較強

  所以,候選字體列表中的字體通常來自于同一個字體系列,這樣當瀏覽器找不到優先定義的字體使用備用字體時,頁面展示的效果不會有太大的變化。如果前面指定的特定字體都沒有找到,瀏覽器就從sans-serif字體系列中找一個默認的字體。

  4、font-size 調整字體大小的方法有三種:

  1)使用像素px,如:

1.jpg

  注意:20和單位px之間不能有空格,文字的大小就是文字的最低部分和最高部分之間時20像素

  2)使用%定義字體大小就是相對于父元素的字體大小,如:p標簽時body的子標簽,body定義的字體大小是20px,所以子標簽p的字體大小是父標簽的150%即30px。

  

2.jpg

  3)使用em調整字體大小,類似于百分數,也是一個相對的度量單位,使用em的時候要指定一個比例因子,p標簽是父標簽字體大小的1.2倍即24px。

  5、font-weight 屬性可以改變字體的粗細,bold為粗體,normal為去掉粗體的樣式。

3.jpg

  字體的粗細還有lighter為稍細,bolder稍粗,或者使用數字100、200-900,但是這些都沒有得到字體和瀏覽器的廣泛支持,通常并不適用,了解即可。

  6、font-style為字體增加風格

4.jpg

  有三個可能的值:normal(正常),italic(斜體字符),oblique(傾斜文本);其中italic是專門為正常字體設計的斜體字符,oblique沒有專門的斜體字符,由瀏覽器負責把正常的字體傾斜顯示,因為不是所有的字體定義了斜體字符,所以使用italic定義字體風格時,瀏覽器找不到這個字體的斜體字符,就通過oblique把正常的字體傾斜顯示,有時候看著是一樣的,有時候則不同,除非非要區分斜體和傾斜文本,不然可以選擇一種使用。

  7、line-height 調整行高,定義一個盒子內每一行文字之間的距離。

5.jpg

  希望通過上述的介紹,可以給您帶來一定的幫助,當然關于IT行業的技術,還有很多知識,如果您還有其他的疑問,都可以和我們南京學碼思web培訓機構的老師好好溝通一下哈!


上一篇:南京ui設計所學知識需掌握,ui培訓機構好選擇
下一篇:IT行業近期深受歡迎,但未來IT行業發展前景,是否依舊如此

相關推薦

免費試聽 | 學費咨詢 | 在線報名 | 申請補貼 | 軟件培訓 | 網站地圖

2016-2020 南京學碼思教育科技有限公司 .All Rights Reserved

蘇ICP備16033487號 www.itao28.com

全國熱線

400-080-3312

全國監督服務熱線:9:00-23:00

久久热,新龙腾小说,久久热小说,老司机小说,成人小说,白洁小说,爱哥哥色妹妹,,久久热视频这里只有精品,久久这里只有精品视频 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>