重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "
10年積累的成都網站設計、網站建設經驗,可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你,你也不認識我。但先網站設計后付款的網站建設流程,更有霞山免費網站建設讓你可以放心的選擇與我們合作。
html xmlns=" "
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title無標題文檔/titlehtml
head
style type="text/css"
!--
.BG {border: 1px solid #FFCC00; br}
.BG1 {border: 1px dashed #CCCCCC; br}
.BG2 {border: 1px inset #3399CC; br}
.BG3 {border-top-width: 1px; brborder-right-width: 1px; brborder-bottom-width: 1px; brborder-left-width: 1px; brborder-top-style: dotted; brborder-right-style: solid; brborder-bottom-style: double; brborder-left-style: outset; brborder-top-color: #999999; brborder-right-color: #FF9900; brborder-bottom-color: #CC9999; brborder-left-color: #99CC00; br}
.BG4 {border-top-width: 1px; brborder-right-width: 1px; brborder-bottom-width: 1px; brborder-left-width: 1px; brborder-top-style: dashed; brborder-right-style: none; brborder-bottom-style: dashed; brborder-left-style: none; brborder-top-color: #FFCC00; brborder-right-color: #FFCC00; brborder-bottom-color: #FFCC00; brborder-left-color: #FFCC00; br}
--
/style
/head
body
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG"
tr
td bgcolor="#FFFF99"div align="center"模擬百度的表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG1"
tr
td bgcolor="#CCCCCC"div align="center"模擬很多BLOG表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG2"
tr
tddiv align="center"新款式表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG3"
tr
tddiv align="center"花式表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG4"
tr
tddiv align="center"去任意邊表格/div/td
/tr
tr
td/td
/tr
/table
p /p
p /p
p /p
/body
/html
整個頁面的,復制看看把
-修改中文字體.html
可以參考一下,這里面是改的微軟雅黑,步驟很清楚
你要改思源黑體的話,首先要記得自己的電腦有這個字體,具體看你的系統(可以搜索字體設置查看)
打開字體設置之后,查找到你要用的那個字體文件的名字,然后按照上面教程的步驟 把 微軟雅黑 改成那個名字就好了。
至于居中問題
text-align: center;
加上這一句就好了,記得在寫了從h1一直到h6的里面寫(當然你在每個h里面寫也可以,更保險)
如圖:
學習導航
1、css中的長度與顏色
2、css中的文字屬性
3、css中的文本屬性
1、文字樣式屬性
font-family 字體屬性
作用:元素內文字以什么字體來顯示
語法:font-family:[字體1],[字體2],[......];
說明:含空格字體名和中文,用英文引號(")括起;多個字體用英文逗號隔開;引號嵌套,外使用雙引號,內使用單引號。
font-size 文字大小
作用:元素內文字大小
語法:font-size:絕對單單位,相相對單位
color 文字顏色
語法:顏色名|十六進制|RGB
font-weight 文字粗細
語法:font-weight:normal 正常 | bold 加粗 | bolder 加粗 | lighter 細體 | 100-900
說明:默認值:normal 400等同于normal,而700等同于bold
font-style 文字樣式
作用:為元素內文字設置樣式
語法:font-style:normal 正常顯示 | italic 文字傾斜 | oblique 文字傾斜(基本不用)
font-variant 字體變形
作用:設置元素中文本為小型大寫字母
語法:font-variant:normal 正常顯示| small-caps 將英文大小寫字母調成為同寬
font 屬性簡寫
語法:font:font-style font-variant ?font-weight font-size/line-height font-family;
說明:值之間空格隔開,注意書寫順序。
2、CSS文本樣式
text-align
作用:設置元素內文本的水平對齊方式
語法:tex-align:left 左對齊?| right 右對齊 | center 居中對齊 | justify 兩端對齊
注意:該屬性對塊級元素設置有效
line-height
作用:設置元素中文本行高
語法:line-height:長度值 | 百分比
說明:一行文字的高度,行高指文本行的基線間的距離
文字基線
注意:基線并不是漢字文字的下沿,看圖理解自行理解
行高和行距
行高:基線到基線的距離
行距:底線到頂線的距離
注意:看圖自行理解
行框和行內框
注意:看圖自行理解
vertical-align
作用:設置元素內容的垂直方式
語法:vertical-align:baseline | sub | super | top | text-top | middle | bottom | text-bottom |?長度 | 百分比
注意:看圖自行理解
text-indent 首行縮進
3、文本樣式屬性
text-transform:?capitzlize?首字母大寫 |?uppercase?字母大寫?|?lowercase? 字母小寫 |?none 正常
text-decoration:?underline?下劃線 |?overline 上劃線?|?line-through?刪除線 | none 正常
綜合實操案例
如果您覺得有用,記得在下方點贊、關注、留言,我會定期奉 上更多的驚喜哦,您的打賞支持才是我繼續努力的動力,么么噠。
每日分享在學習過程中總結的學習經驗,學習筆記,筆試題,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以學習為目的,每天閱讀一篇文章,了解身邊的技術。陪有夢想的人一起成長!
p{
font-family:"Times?New?Roman",Georgia,Serif;
}
有兩種類型的字體系列名稱:
指定的系列名稱:具體字體的名稱,比如:"times"、"courier"、"arial"。
通常字體系列名稱:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
注意:使用某種特定的字體系列(Geneva)完全取決于用戶機器上該字體系列是否可用;這個屬性沒有指示任何字體下載。因此,強烈推薦使用一個通用字體系列名作為后路。
這么說吧 你的描述可能并不準確 如果你想要你喜歡的樣式表 建議你去網上瀏覽網頁 喜歡某個網站的格調就點擊瀏覽器的文件-保存網頁 然后再你下載的網頁會附帶一個同名的文件夾 在這個文件夾里就有你想要的外聯樣式表 如果沒有的話那就在網頁文件里