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

阿新 • • 發佈：2019-01-22

left 進制十六進制 color style cor ace word-wrap hit

1.CSS顏色-建議就用十六進制
2.CSS長度的度量單位-建議就用px
3.CSS文本樣式
- 3.1. 字體屬性
- 3.1. 文本樣式

1.CSS顏色-建議就用十六進制

p{
  color: #ff0000
}

2.CSS長度的度量單位-建議就用px

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

3.CSS文本樣式

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

3.1. 字體屬性

屬性名	說明	例子
`font-size`	字體大小	`font-size: 50px`
`font-variant`	英文字體是否轉為小型字母	`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`	字體樣式復合寫法	`font: italic bold small-caps 50px 楷體`
`@font-face`	設置Web字體

3.1. 文本樣式

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

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

left 進制十六進制 color style cor ace word-wrap hit 目錄 1.CSS顏色-建議就用十六進制 2.CSS長度的度量單位-建議就用px 3.CSS文本樣式 3.1. 字體屬性 3.1. 文本樣式 1.CSS顏色-建議就用十六進制

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

文件中創建 ava 產生 set 只有一個 href 第一個元素包含目錄 1. CSS定義 2. 創建CSS的三種方法 2.1. 元素內嵌（權重最高） 2.2. 文檔內嵌 2.3. 外部引用 3. CSS層疊和繼承 3.1. 瀏覽器樣式 3.2. 樣式表層疊 3.

web前端教程：CSS 布局十八般武藝都在這裏了

lin bcb 學習資料 ng- .com 垂直改進 fcc block CSS布局布局是CSS中一個重要部分，本文總結了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及單列布局、多列布局的多種實現方式（包括傳統的盒模型布局和比較新的fle

wangEditor-基於javascript和css開發的 Web富文本編輯器，輕量、簡潔、易用、開源免費(2)

配置格式報錯編輯無需設置 rev 限制 lang 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="

CSS 基礎-選擇器-邊框和背景-文本樣式

borde bcb 元素屬性 default bstr 想要指定 -c mon CSS3 選擇器本文內容部分來自於https://developer.mozilla.org/zh-CN/docs/Learn/CSS 選擇器可以被分為以下類別：簡單選擇器（Simple

講給Android程式設計師看的前端教程(15)——CSS選擇器(5)

在之前的幾篇部落格中分別介紹了CSS中常用的選擇器：標籤選擇器，類選擇器，ID選擇器，萬用字元選擇器。在本篇部落格中，我們將學習這些選擇器的複合使用。並集選擇器並集選擇器由各個選擇器通過逗號連線而成的，它為不同的標籤設定相同的CSS樣式；語

[Web 前端] 009 css 常用的文本樣式設置

常用 def oct table ora pre normal text -i 常用的文本 css 樣式概覽參數釋義舉例 color 設置文字的顏色 color:red; font-size 設置文字的大小 font-size:12px;

使用css 3實現移動端文本點點的效果

ext overflow webkit wrap kit hidden -c pre idt { width: 200px; text-overflow: ellipsis; /*white-space: nowrap;*/ overflow: hi

CSS文本樣式

col -a 一個等等 orm font tex 粗體 eight CSS常用的文本樣式有：字號，字體粗細，字體，字體風格，字體顏色，行間距，對齊方式，首行縮進等等。字號：font-size: 常用的： 16px;(默認) 14px; 12px; 註：字號的取值盡量不要

CSS基礎4——使用CSS格式化元素內容的文本

字母 strong back 瀏覽器 repeat-x class per border list CSS的文本屬性用於控制文本的段落格式，如設置首行縮進。段落對齊方式、字間距、行間距等。 1、設置文本首行縮進：text-indent 可選屬性&#

css渲染（二）文本

over 偏移 hidden psi pre flow dao 處理樣式一、文本樣式首行縮進　　text-indent 　　首行縮進是將段落的第一行縮進，這是常用的文本格式化效果。一般地，中文寫作時開頭空兩格。[註意]該屬性可以為負值；應用於: 塊級元素(包括blo

CSS 文本樣式

none right class orm -- nbsp under text size 1. 文本樣式 text  .text {color:red;} 2. 文本對齊方式 text-align <st

【CSS學習】--- 文本樣式

瀏覽器 eve utf-8 感謝 order 圖片字母 show today 一、前言　　CSS文本屬性可以定義文本的外觀。通過文本屬性，可以定義文本的顏色、字符間距，對齊文本，裝飾文本，對文本進行縮進，等等。 CSS常用的文本屬性目錄： tex

改變對話框和控件的背景及文本顏色

文件夾 png desire urn idc line 行程 msg odt WM_CTLCOLOR，響應函數：CWnd::OnCtlColor 　　afx_msg HBRUSH OnCtlColor( 　　　　CDC* pDC, //當前要繪制的控件的設備上下文的指針

利用Python imaplib和email模塊讀取郵件文本內容及附件內容

multi 首部 nco mes art out ear .py gb2312 #! encoding:utf8 ‘‘‘ 環境： Win10 64位 Python 2.7.5 參考： http://www.pythonclub.org/python-ne

【回顧】html屬性、標題、段落、文本格式化

定義 var 文本格式 div pan -i RKE 結束小寫 1.HTML 屬性 HTML 元素可以設置屬性屬性可以在元素中添加附加信息屬性一般描述於開始標簽屬性總是以名稱/值對的形式出現，比如：name="value"。 HTML 提示：使用

設置文本樣式

定位元素 center lang 瀏覽器 span int 圖片 type 水平對齊一、對齊文本　　1、text-align屬性　　　text-align 屬性規定元素中的文本的水平對齊方式。該屬性通過指定行框與哪個點對齊，從而設置塊級元素內文本的水平對齊方式。通過允

文本樣式的修改

class bsp span .com spa lin tag 刪除線 div .1文本樣式 text A，顏色 color：red B，文本對齊方式： text-align：（文本對齊） /center/ （內容）right/（內邊距） justify； C，文

34 文本樣式 1 word-spacing單詞間距 letter-spacing 字母間距 2 text-align 文本對齊方式 justify 兩端對齊 3 text-indent 首行縮進

letter com 分享圖片 inf nbsp png 技術分享方式 bubuko 1 2 3 34 文本樣式 1 word-spacing單詞間距 letter-spacing 字母間距 2 text-align 文本對齊方式 justify 兩端對齊 3

前端面試html和css

結構意義 phone sea height 超鏈接並且另一個一個數寫出幾種IE6 BUG的解決方法 1.雙邊距BUG float引起的使用display2.3像素問題使用float引起的使用dislpay:inline -3px3.超鏈接hover 點擊後失

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

1.CSS顏色-建議就用十六進制

2.CSS長度的度量單位-建議就用px

3.CSS文本樣式

3.1. 字體屬性

3.1. 文本樣式

相關推薦