成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

HTML和CSS前端教程03-CSS文本樣式

bitkylin / 2272人閱讀

摘要：目錄顏色建議就用十六進(jìn)制長(zhǎng)度的度量單位建議就用文本樣式字體屬性文本樣式顏色建議就用十六進(jìn)制顏色建議就用十六進(jìn)制長(zhǎng)度的度量單位建議就用長(zhǎng)度的度量單位建議就用文本樣式文本樣式字體的大小，樣式以及方位字體屬性字體屬性屬性名說(shuō)明例子

目錄

  • 1.CSS顏色-建議就用十六進(jìn)制
  • 2.CSS長(zhǎng)度的度量單位-建議就用px
  • 3.CSS文本樣式
    • 3.1. 字體屬性
    • 3.1. 文本樣式

1.CSS顏色-建議就用十六進(jìn)制

p{
  color: #ff0000
}

2.CSS長(zhǎng)度的度量單位-建議就用px

p{
  margin: 0;
  padding: 0;
  font-size: 20px;
  height: 50px;
}

3.CSS文本樣式

字體的大小，樣式以及方位

3.1. 字體屬性

屬性名 說(shuō)明 例子
font-size 字體大小 font-size: 50px
font-variant 英文字體是否轉(zhuǎn)為小型字母 font-variant: small-caps
font-variant: normal
font-style 字體傾斜 font-style: italic
font-style: normal
font-weight 字體加粗 font-weight: bold
font-family font字體 font-family: 微軟雅黑
font 字體樣式復(fù)合寫法 font: italic bold small-caps 50px 楷體
@font-face 設(shè)置Web字體

3.1. 文本樣式

屬性名 說(shuō)明 參數(shù)
text-decoration z裝飾文本出現(xiàn)各種劃線 underline：底部線條
overline：頭部線
line-through:中間刪除線
text-transform 大寫換成小寫 uppercase:轉(zhuǎn)成大寫
lowercase：轉(zhuǎn)成小寫
capitalize:首字母大寫
text-shadow 添加陰影 5px(水平偏移),5px(垂直偏移),3px(模糊度),black(顏色)
text-align 設(shè)置對(duì)齊方式 center：居中
left
right
justify：兩端對(duì)齊
white-space 排版中的空白處理方式 normal: 空白符壓縮，文本自動(dòng)換行
nowrap:空白符壓縮，文本不換行
pre:空白符保留，遇到換行符換行
pre-line:空白符壓縮，文本排滿時(shí)換行
letter-spacing 設(shè)置字母之間的間距 letter-spacing: 4px
word-spacing 設(shè)置單詞之間的間距 letter-spacing: 4px
line-height 設(shè)置行高 line-height: 200%
word-wrap 控制段詞,讓國(guó)產(chǎn)的單詞斷開(kāi) word-wrap:break-word
text-indent 設(shè)置文本首行縮進(jìn)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1275.html

相關(guān)文章

  • HTML和CSS前端教程03-CSS選擇器

    摘要：目錄定義創(chuàng)建的三種方法元素內(nèi)嵌權(quán)重最高文檔內(nèi)嵌外部引用層疊和繼承瀏覽器樣式樣式表層疊樣式繼承選擇器選擇器的總匯基本選擇器復(fù)合選擇器偽元素選擇器偽類選擇器定義定義層疊樣式表創(chuàng)建的三種方法創(chuàng)建的三種方法元素內(nèi)嵌權(quán)重最高元素內(nèi)嵌權(quán)重最高文檔內(nèi)目錄 1. CSS定義 2. 創(chuàng)建CSS的三種方法 2.1. 元素內(nèi)嵌（權(quán)重最高）...

    PingCAP 評(píng)論0 收藏0

  • CSS開(kāi)發(fā)

    摘要：譯十六進(jìn)制顏色揭秘原文地址原文作者譯文出自掘金翻譯計(jì)劃本文永久鏈接教程入門篇關(guān)于是一款進(jìn)行柵格布局的輔助工具，它讓開(kāi)發(fā)者擺脫了冗雜的數(shù)學(xué)計(jì)算，同時(shí)降低了樣式與結(jié)構(gòu)的耦合程度。 【譯】CSS 十六進(jìn)制顏色揭秘 原文地址：CSS Hex Colors Demystified 原文作者：Dave Gash 譯文出自：掘金翻譯計(jì)劃 本文永久鏈接：https://github.com/xitu/...

    warkiz 評(píng)論0 收藏0

  • 前端修煉 の道 | 帶你走進(jìn)迷人的 CSS 世界

    摘要：每條屬性聲明實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)元素進(jìn)行某種特定格式的設(shè)置，由一個(gè)屬性和一個(gè)值組成，屬性和值之間使用冒號(hào)連接，不同聲明之間用分號(hào)分隔，所有屬性聲明放到一對(duì)大括號(hào)中。 showImg(https://segmentfault.com/img/bVbkQCI?w=900&h=383); showImg(https://segmentfault.com/img/bVbkQCO?w=900&h=383)...

    shiweifu 評(píng)論0 收藏0

  • 保姆級(jí)教程HTML兩萬(wàn)字筆記大總結(jié)【建議收藏】（上篇）

    摘要：標(biāo)簽不區(qū)分大小寫，但推薦小寫。標(biāo)簽可以嵌套，但不能交叉嵌套。標(biāo)簽也稱為元素。比如行內(nèi)標(biāo)簽亦可成行內(nèi)元素。 ??HTML必備知識(shí)詳解?? 第一部分：HTML框架簡(jiǎn)介...

    paulli3 評(píng)論0 收藏0

  • JavaScript DOM

    摘要：但上述兩個(gè)情況中都是同一份文檔。提示對(duì)象是對(duì)象的一部分，可通過(guò)屬性對(duì)其進(jìn)行訪問(wèn)。返回包含指定節(jié)點(diǎn)的子節(jié)點(diǎn)的集合，該集合為即時(shí)更新的集合。對(duì)象在中，對(duì)象表示元素屬性節(jié)點(diǎn)的無(wú)序集合。 DOM簡(jiǎn)介（ Document Object Model 文檔對(duì)象模型） W3C W3C 文檔對(duì)象模型 （DOM） 是中立于平臺(tái)和語(yǔ)言的接口，它允許程序和腳本動(dòng)態(tài)地訪問(wèn)和更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。W3C D...

    Nekron 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<