CSS基礎(chǔ)筆記一

一、什么是CSS?

CSS 指層疊樣式表 (CascadingStyleSheets)

CSS通常稱為CSS樣式表或?qū)盈B樣式表(級(jí)聯(lián)樣式表),主要用于設(shè)置HTML頁(yè)面中的文本內(nèi)容(字體、大小、對(duì)齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。

二、如何編寫CSS樣式?


–內(nèi)聯(lián)樣式

style屬性 <span style="color:red;"></span>

–內(nèi)嵌(嵌入,內(nèi)部)樣式,head標(biāo)簽中添加style標(biāo)簽。

在head標(biāo)簽中添加style標(biāo)簽。

<head>

<style> p {color:red;} </style>

</head>

–外部樣式,外聯(lián)樣式(link)

通過(guò)link標(biāo)簽引入css樣式文件

<link rel="stylesheet" href="a.css" type="tesxt/css">

?type屬性:只有一個(gè)選項(xiàng),“text/css",指定當(dāng)前為css文本文件

?rel:指定當(dāng)前HTML文件與CSS文件的關(guān)系是樣式表。href:指定外聯(lián)樣式表的路徑

三、CSS語(yǔ)法

p {color:red}

選擇符+聲明+大括號(hào)(對(duì)空格與換行不敏感)

h1{

? ? ?width:10px;

? ? height:20px;

}

四、CSS簡(jiǎn)單屬性

width:設(shè)置寬度,單位px像素

height:高度

color:前景色,也就是文字的顏色

background-color:背景色。

font-size:字體的大小。

?




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

相關(guān)閱讀更多精彩內(nèi)容

  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要!?。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,439評(píng)論 0 40
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,140評(píng)論 1 92
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,875評(píng)論 32 459
  • 一.CSS描述 CSS全稱為“層疊樣式表(Cascading Style Sheets)”,它主要是用于定義HTM...
    snowy_sunny閱讀 1,201評(píng)論 0 4
  • 第6章 開(kāi)始學(xué)習(xí)CSS,為網(wǎng)頁(yè)添加樣式 1、認(rèn)識(shí)CSS樣式CSS全稱為“層疊樣式表 (Cascading Styl...
    夏沫xx閱讀 1,112評(píng)論 1 11

友情鏈接更多精彩內(nèi)容