国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

CSS 常用樣式 之字體屬性

這篇具有很好參考價值的文章主要介紹了CSS 常用樣式 之字體屬性。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

  1. font-weight(字體粗細)

字體粗細用于設置文本的粗細程度,可以使用如下的值:

  • normal:正常字體(默認)
  • bold:加粗字體
  • bolder:更加加粗
  • lighter:更加細

代碼實例如下:

/* 設置字體加粗 */
font-weight: bold;

/* 設置字體更加加粗 */
font-weight: bolder;

/* 設置字體更加細 */
font-weight: lighter;
  1. font-style(字體風格)

字體風格用于設置文本的風格,可以使用如下的值:

  • normal:正常字體(默認)
  • italic:斜體字
  • oblique:傾斜字

代碼實例如下:

/* 設置斜體字 */
font-style: italic;

/* 設置傾斜字 */
font-style: oblique;
  1. line-height(行高)

行高用于設置文本行與行之間的距離,默認情況下,行高與文本大小相等。

代碼實例如下:

/* 設置行高 */
line-height: 1.5;

在此代碼中,1.5 是一個乘數(shù),它會將文本的行高設置為文本大小的 1.5 倍。

  1. 組合使用字體樣式

可以將字體粗細、字體風格和字體大小等屬性組合使用,如下所示:

/* 設置字體樣式 */
font: italic bold 20px/1.5 Arial, sans-serif;

在此代碼中,字體樣式包括斜體、加粗、20 像素大小、行高為文本大小的 1.5 倍、字體為 Arial 或 sans-serif。注意,這里將所有字體樣式屬性放在一個 font 屬性中,以簡化代碼。文章來源地址http://www.zghlxwxcb.cn/news/detail-728176.html

到了這里,關于CSS 常用樣式 之字體屬性的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 【零基礎學web前端】CSS學習,字體屬性,文本屬性,背景屬性,圓角矩形屬性

    【零基礎學web前端】CSS學習,字體屬性,文本屬性,背景屬性,圓角矩形屬性

    前言: 大家好,我是 良辰丫 ,在上一篇文章中我們了解了CSS引入方式,CSS基礎選擇器,CSS復合選擇器,今天我們繼續(xù)學習CSS的相關知識點.???? ??個人主頁:良辰針不戳 ??所屬專欄:零基礎學web前端 ??勵志語句:生活也許會讓我們遍體鱗傷,但最終這些傷口會成為我們一輩子的

    2024年02月05日
    瀏覽(31)
  • CSS筆記(黑馬程序員pink老師前端)選擇器,字體,文本屬性,Emmet語法,元素顯示模式,CSS背景

    CSS筆記(黑馬程序員pink老師前端)選擇器,字體,文本屬性,Emmet語法,元素顯示模式,CSS背景

    選擇器分為基礎選擇器和復合選擇器兩大類。 基礎選擇器 包括:標簽選擇器、類選擇器、id選擇器和通配符選擇器。 多類名 可以把一些標簽元素共同的樣式放到一個類里面。這些標簽都可以調用這個公共的類,然后再調用自己獨有的類。 復合選擇器 基礎選擇器的組合.包括后

    2024年02月09日
    瀏覽(26)
  • 前端使用scale屬性結合CSS動態(tài)樣式實現(xiàn)動態(tài)的圖片縮放效果

    廢話不多說,直接上代碼: 示例一,使用css動態(tài)樣式結合scale進行src圖片的縮放。 示例二,使用css動態(tài)樣式結合scale進行background背景圖圖片的縮放。

    2024年01月15日
    瀏覽(26)
  • CSS樣式前端HTML頁面常用CSS效果實現(xiàn)及其相關配置信息------前端入門基礎教程

    !DOCTYPE html !-- 這是HTML的注釋 -- html lang=\\\"en\\\" id=\\\"myHtml\\\" ?? ?head ?? ??? ?!-- 這里不是設置了編碼,而是告訴瀏覽器,用什么編碼方式打開文件避免亂碼 -- ?? ??? ?meta charset=\\\"UTF-8\\\" ?? ??? ?meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\" ?? ??? ?titleHtmlAll/title ?? ??? ?

    2024年02月05日
    瀏覽(35)
  • 『 前端三劍客 』:CSS常用屬性

    『 前端三劍客 』:CSS常用屬性

    一 . CSS常用元素屬性 1.1 字體家族和 字體大小 設置的字體需要是 windows 上自帶的字體 , 要求是系統(tǒng)中已經(jīng)安裝了的字體 使用 css 設置字體為微軟雅黑 和 宋體 , 字體大小為 30 px 和 40 px font - size 設置的是字體的字符框的高度的大小 . 設置效果如下所示 1.2 設置字體粗細 font-we

    2024年02月15日
    瀏覽(34)
  • 前端 | (五)CSS三大特性及常用屬性 | 尚硅谷前端html+css零基礎教程2023最新

    前端 | (五)CSS三大特性及常用屬性 | 尚硅谷前端html+css零基礎教程2023最新

    學習來源 :尚硅谷前端html+css零基礎教程,2023最新前端開發(fā)html5+css3視頻 系列筆記 : 【HTML4】(一)前端簡介 【HTML4】(二)各種各樣的常用標簽 【HTML4】(三)表單及HTML4收尾 【CSS2】(四)CSS基礎及CSS選擇器 【CSS2】(五)CSS三大特性及常用屬性 【CSS2】(六)CSS盒子模型

    2024年02月17日
    瀏覽(32)
  • 前端編寫頁面HTML、CSS常用屬性方法匯總

    不太常用的屬性: box-shadow的: CSS3動畫的點: 控制文字行數(shù): CSS3的一些冷知識: @keyframes: HTML5: html+css亂七八糟的: JavaScript:

    2024年02月16日
    瀏覽(38)
  • 〖大前端 - 基礎入門三大核心之JS篇?〗- DOM改變元素節(jié)點的css樣式、HTML屬性

    〖大前端 - 基礎入門三大核心之JS篇?〗- DOM改變元素節(jié)點的css樣式、HTML屬性

    說明:該文屬于 大前端全棧架構白寶書專欄, 目前階段免費 , 如需要項目實戰(zhàn)或者是體系化資源,文末名片加V! 作者:不渴望力量的哈士奇(哈哥),十余年工作經(jīng)驗, 從事過全棧研發(fā)、產(chǎn)品經(jīng)理等工作,目前在公司擔任研發(fā)部門CTO。 榮譽: 2022年度博客之星Top4、2023年度超

    2024年02月04日
    瀏覽(98)
  • 【前端】CSS(引入方式+選擇器+常用元素屬性+盒模型+彈性布局)

    【前端】CSS(引入方式+選擇器+常用元素屬性+盒模型+彈性布局)

    層疊樣式表(Cascading Style Sheets) 對元素位置的排版進行精確控制,實現(xiàn)結構和樣式的分離 CSS 控制頁面的展示效果 HTML決定頁面的結構 選擇器+{一條/N條聲明} 選擇器:要修改誰 聲明:具體要修改什么內容。聲明的屬性是鍵值對,用分號區(qū)分,鍵和值用: 通常情況下,把style放

    2024年04月15日
    瀏覽(49)
  • 【W(wǎng)eb前端開發(fā)基礎】CSS3之Web字體、字體圖標、平面轉換、漸變

    【W(wǎng)eb前端開發(fā)基礎】CSS3之Web字體、字體圖標、平面轉換、漸變

    1.1 Web字體概述 每種字體都對應著相應的字體文件,沒有 @font-face 規(guī)則之前,客戶端是否能夠正確顯示 fontfamily 規(guī)定的字體,是由該字體的文件是否預裝在客戶端決定的。而 @font-face 規(guī)則可以將字體文件存放在服務器端,渲染頁面時客戶端請求從服務器端下載改字體文件進行

    2024年01月25日
    瀏覽(94)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包