css文字樣式屬性
1、包括 :color letter-spacing word-spacing line-height text-align text-tranform
text-decoration text-indent white-space
2、color屬性用於定義文字的顏色,其取值方式有3種:
預定義的顏色值,red,green,blue等
十六進製制,rgb**
3、letter-spacing屬性用於定義字間距,所謂字間距就是字元與字元之間的空白。
其屬性值可為不同單位的數值,允許使用負值,預設為normal。
4、word-spacing屬性用於定義英文單詞之間的距離,對中文字元無效。
用於定義英文單詞之間的間距,和letter-spacing一樣,其屬性值可為不同單位的數值,允許使用負值,預設為normal。
5、;ine-height屬性用於設定行間距,所謂行間距就是行與行之間的距離,即字元的垂直間距,一般稱為行高。
line-height常用的屬性值單位有三種,分別為畫素px,相對值em和百分比%,實際工作中使用最多的是畫素px。
6、text-transform屬性用於控制英文本元的大小寫。
其可用屬性值如下:
none:不轉換(預設值)
capitalize:首 字母大寫
uppercase:全部字元轉換為大寫。
lowercase:全部字元轉換為小寫。
7、text-decoration屬性用於設定文字的下劃線,上劃線,刪除線等裝飾效果。
其可用屬性值如下:
none:沒有裝飾(正常文字預設值)。
underline:下劃線。
overline:上劃線。
line-through:刪除線。
8、text-align屬性用於設定文字內容水平對齊,相當於html中的align對齊屬性。
其可用屬性值如下:
left:左對齊(預設值)
right:右對齊。
center:居中對齊。
9、text-indent屬性用於設定首行文字的縮排。
其屬性值可為不同單位的數值、em字元寬度的倍數、或相對於瀏覽器視窗寬度的 百分比%,允許使用負值, 建議使用em作為設定單位。
10、white-space屬性可設定空白符的處理方式。
其屬性值如下:
normal:常規(預設值),文字中的空格、空行無效,滿行(到達區域邊界)後自動換行。
pre:預格式化,按文件的書寫格式保留空格、空行原樣顯示。
nowrap:空格空行無效,強制文字不能換行,除非遇到換行標記
。內容超出元素的邊界也不換行,若超出瀏覽器頁面則會自動增加滾動條。
11、使用text-shadow屬性可以為頁面中的文字新增陰影效果。選擇器
12、text-overflow屬性用於標示物件內溢位的文字。選擇器
text-overflow屬性的常用取值有兩個:
clip:修剪溢位文字,不顯示省略標記「…」。
ellipsis:用省略標記「…」標示被修剪文字,省略標記插入的位置是最後乙個字元。
13、文字外觀屬性
14、可以使用text-shadow屬性給文字新增多個陰影,從而產生陰影疊加的效果,方法為設定多組陰影引數,中間用逗號隔開。p
Python網頁製作 Day 3
在day2中,我們實現了書目檢索系統的初步構建。在實際生活中,如果我們需要從資料庫調取大量的書本資料展示在網頁上,是不可能一本書一本書寫上去的,我們需要用到迴圈。我在資料庫中建立了幾張表 首先,我們需要對資料庫進行連線,這樣才能從中獲取資料。資料庫連線的python 模板 import pymysq...
網頁製作規範
creation data 2000 8 1 original author eastline 補充 為了保證 能夠與下一代的web語言xml標準相容,所有的html標籤的屬性都要用單引號或者雙引號括起,即我們應該寫而不是 2.允許全文檢索的頁面,為了使internet 上的搜尋引擎能夠有效檢索,在...
靜態網頁製作
網頁製作最終目的是展示給客戶,服務的物件以客戶為主,所以網頁製作中布局結構非常重要,通常我們使用劃分網頁,使其形成基礎的上下與左右布局,瀏覽器預設情況下使用上下自動排版,所以主要設定左右布局,左右布局在設定時需要使這兩個板塊浮動,通過float這個屬性創造我們需要的樣式。youhh left you...