百度前端學院第三天 CSS基本

2021-10-02 18:41:17 字數 1915 閱讀 9262

color:red;設定顏色

font-family:sans-serif;設定字型樣式

font-style:italic;設定字型風格

normal  預設值。瀏覽器顯示乙個標準的字型樣式。

italic 瀏覽器會顯示乙個斜體的字型樣式。

oblique 瀏覽器會顯示乙個傾斜的字型樣式。

inherit 規定應該從父元素繼承字型樣式。

font-weight:bold;設定文字粗細

normal	預設值。定義標準的字元。

bold 定義粗體字元。

bolder 定義更粗的字元。

lighter 定義更細的字元。

100200

300400

500600

700800

900定義由粗到細的字元。400 等同於 normal,而 700 等同於 bold。

inherit 規定應該從父元素繼承字型的粗細。

font-size:70px;規定文字的尺寸大小。可能的值:從 1 到 7 的數字。瀏覽器預設值是 3。也可以用px

text-align:center;設定文字對齊方式

left	把文字排列到左邊。預設值:由瀏覽器決定。

right 把文字排列到右邊。

center 把文字排列到中間。

justify 實現兩端對齊文字效果。

inherit 規定應該從父元素繼承 text-align 屬性的值

text-decoration:blink black;

balack   指下劃線顏色

none 預設。定義標準的文字。

underline 定義文字下的一條線。

overline 定義文字上的一條線。

line-through 定義穿過文字下的一條線。

blink 定義閃爍的文字。只有firefox支援

inherit 規定應該從父元素繼承 text-decoration 屬性的值。

text-indent:2px;規定文字塊中首行文字的縮排。

注意: 負值是允許的。如果值是負數,將第一行左縮排。

length 定義固定的縮排。預設值:0。

% 定義基於父元素寬度的百分比的縮排。

inherit 規定應該從父元素繼承 text-indent 屬性的值。

line-height:50px;

設定以百分比計的行高:

注意: 負值是不允許的。

normal 預設。設定合理的行間距。

number 設定數字,此數字會與當前的字型尺寸相乘來設定行間距。

length 設定固定的行間距。

% 基於當前字型尺寸的百分比行間距。

inherit 規定應該從父元素繼承 line-height 屬性的值。

text-shadow:2px 2px 2px #ff0000;

t/* ext-shadow 屬性應用於陰影文字。

h-shadow 必需。水平陰影的位置。允許負值。

v-shadow 必需。垂直陰影的位置。允許負值。

blur 可選。模糊的距離。

color 可選。陰影的顏色。參閱 css 顏色值。

百度前端技術學院 第三天(下)

1 css介紹 層疊樣式表,用於表示頁面的樣式 2 css實際上如何工作?1 瀏覽器將html和css轉化成dom 文件物件模型 dom在計算機中表示文件,它把文件內容和其樣式結合在一起 2 瀏覽器顯示dom的內容 3 什麼是dom?dom是一種樹形結構,標記語言中的每個元素,屬性,文字片段都變成為...

百度前端技術學院第三天 (給簡歷加點顏色)

1 什麼是css,css是如何工作的?css 層疊樣式表 cascading style sheet 是決定了如何顯示html元素的,如html內容的字型大小顏色等 css的工作原理是 瀏覽器將css的規則應用在html,前置條件是html中已經引用了css檔案 a.瀏覽器載入html b.瀏覽器解...

百度前端學院 基礎學院 第三課

第三天 讓簡歷有點色彩 這一節課是來初步了解什麼是css,掌握基本的css概念,語法,學習如何設定一些簡單的樣式。好記性不如爛筆頭,開始 字型 font style 設定字型傾斜。font weight 設定文字的粗體大小。text transform 設定要轉換的字型。可以轉換成大小寫,首字母大寫...