1.css介紹
? ? css指的是層疊樣式(Cascadingstyle sheets),是用來給HTML標簽添加樣式的語言。他可以設置HTML頁面中 文字大小,顏色,對齊方式及元素的 寬高, 位置 等樣式。
? ? 一個完整的網頁是由HTML、CSS、Javascript三部分組成。HTML、CSS、Javascript被稱為前端的三個層,他們三者是如何相互作用,實現頁面效果。
CSS規則:由兩個主要的部分構成:選擇器,以及一條或多條聲明,聲明寫在{中選擇器:通常是您需要改變樣式的 HTML元素,選擇器是css和html兩者的紐帶。
通過選擇器,我們知道是給那個元素添加樣式
聲明:每條聲明都包含一個 css 屬性名稱和一個值,以冒號分隔,以分號;結束.
css書寫位置
在head></head>標簽對中寫<stvle></style》標簽對,然后在里邊書寫cSS語句
案例:控制h1標簽字體大小和顏色
<head>
<!-此處省略了部分html結構-->
<style>
h1 (
color:red;/*顏色:紅色:*/
font-size:14px;/*字體大小:14像素:*/
</style>
</head>
<body>
<h1>我是h1標題標簽</h1>
</body>
CSS注釋
在css中,CSS注釋寫在/*....*/中
。注釋只是給自己或其他開發者查看的,網頁中不顯示,
提高代碼閱讀性
。注釋快捷鍵:Vscode中按 Ctr1+/即可快速注釋內容
這里要注意區分之前講的html注釋,html注釋內容寫在
<body>
<!--html的注釋--></body>
csS樣式可讀性5.
。css中的樣式聲明,可直接寫在一行
p{font-size:l4px;color:red;}/*樣式聲明寫在一行*/
·也可以每行只描述一個屬性,每一條聲明與選擇器之間產生一個tab的間距。(產生更多也不會有問題)
P
color: red;
font-size:14px:
以上兩種方式都可以,不過第二種方式更方便閱讀和后期修改,則我們約定后期以第二種方式來書寫CSS樣式。
在實際項目開發完成上線時,我們會把csS樣式進行代碼壓縮,壓縮后就是第一種樣式的寫法。