HTML學習之路-第六天

1.CSS

(1)作用:美化網(wǎng)頁,修改樣式

(2)格式:<style type="text/css">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 標簽名稱{

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性名稱:對應的值;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? </style>

(3)注意點:必須寫在head標簽的開始標簽與結束標簽之間,type屬性可以不用寫,默認值為“text/css”

2.CSS屬性:文本相關屬性

(1)文字樣式的屬性(font-style):normal(正常的,默認值)、italic(傾斜)

(2)文字粗細的屬性(font-weight):單詞取值(bold加粗,bolder更粗)、數(shù)字取值(100-900之間的數(shù)字)

(3)文字大小的屬性(font-size):單位(像素px),比如,font-size:10px;

(4)文字字體的屬性(font-family):取值為中文是用引號括起來,比如楷體,必須電腦已經(jīng)安裝的字體,如果不存在,電腦會用默認字體,可以給字體添加備體方案(font-family:"其他字體",“微軟雅黑”)

(5)簡寫:font:italic bold 10px "微軟雅黑";

3.CSS屬性:文本屬性

(1)文本裝飾屬性(text-decoration):underline下劃線、line-through刪除線、overline上劃線、none不帶下劃線

(2)文本水平對齊屬性(text-align):center居中、right居右、left居左

(3)文本縮進屬性(text-indent):2em,em是單位(文字寬度),也可以用px

4.CSS屬性:顏色屬性

(1)格式:color:red;、color:rgb(255,0,0);、color:rgba(255,0,0,1);、color:#f000000

(2)rgb含義:r:red紅色顯示的亮度,g:green綠色顯示的亮度,b:blue藍色顯示的亮度

(3)rgba含義:前三個字母與rgb一樣,a:透明度(取值0-1)

(4)#f0000000含義:十六進制取值

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,878評論 32 459
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,155評論 1 92
  • 1.塊級元素和行內元素 塊級(block-level)元素;行內(內聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,200評論 1 4
  • 最近寫的感覺不好,不動腦,沒思路。 老公說寫寫雨,今天晚上雨好大好大,我出去逛了一圈,被隔在外面,幸好老公去接我,...
    王姑娘2閱讀 271評論 0 0
  • 有那么一首歌,關于我們的歌,我開心地哼著 有那么一段情,我默默地惦記著 有那么個人,我悲催地想著 有那么個我,努力...
    越來越好的me1993閱讀 188評論 0 0

友情鏈接更多精彩內容