溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“css的三種引入方式是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“css的三種引入方式是什么”文章能幫助大家解決問題。
css的引入方式有三種
1，行引入，是優先對html的方式，但局限性大。在<body></body>的標簽里起作用。eg：<p style="color:red；font-weigh=3;">+作用對象+</p>。
2，內部引入，標簽選擇器，ID選擇器和類選擇器都是內部引入，就是說內部引入的三種方式。
標簽選擇器eg:css里，<head><style>p{color:red；}</style></head>
id選擇器eg: html里，<p1 id="某個詞語"><p2 id="某個句子"> css里則為，<style>#某個詞語{color:red;}
#某個句子{color:blue;}</style>
類選擇器上文有提。
3，外部引入
格式為<link href="途徑的陳述"><rel=stylesheet>
這種引入方式缺少例子練習
css常用屬性
width：設置元素的寬度
height：設置元素的高度
文本屬性
font-size:設置文本的大小 值是數值，以像素為單位（常用）
color：設置文本的顏色 取值 一般是顏色的英文名 或者是 16進制的值
font-weight:設置字體加粗 取值 100-900 bold （常用值）normal（默認）
font-style:設置字體傾斜 取值 normal（正常）：默認 italic:設置文本傾斜
font-family：設置字體的樣式 取值就是字體的名稱 一般情況下設置的字體計算機上必須安裝
text-decoration：設置文本裝飾，如下
none：默認取值 沒有裝飾效果
underline：設置下劃線
overline ：設置上劃線
line-through：設置刪除線
text-align:設置文本的位置 left(默認取值)、center、right
line-height：設置文本的行高，文本會基于行高垂直居中，在不設置行高的情況下，默認行高是字體大小的1.2倍
text-indent：設置文本縮進 取值 一般是以em為單位 1em剛好等于 1個中文字符的寬度
標簽分類
1、行內標簽：不會獨自占一行，但是不能設置寬高
行內標簽：a、文本標簽、span等
2、塊級標簽：獨自占一行，但是能設置寬高
塊級標簽：h類的標簽、p、列表類標簽、表格等
img:即是行內又是塊級（即在一行又能設置寬高）
行內元素和塊級元素的相互轉換：
通過display屬性進行相互轉化
1、行內轉化為塊級： display：block;
2、塊級轉化為行內： display：inline;
3、轉化為即是行內又塊級： display：inline-block;
4、display：none 設置當前元素隱藏
關于“css的三種引入方式是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
