CSS一 css基礎和選擇器

2021-10-09 01:22:53 字數 935 閱讀 4865

css(cascading style sheet)層疊樣式表,它是用來美化頁面的一種語言。

沒有使用css的效果圖

使用css的效果圖

美化介面, 比如: 設定標籤文字大小、顏色、字型加粗等樣式。

控制頁面布局, 比如: 設定浮動、定位等樣式。

選擇器說明

css 是由兩個主要的部分構成:選擇器和一條或多條樣式規則,注意:樣式規則需要放到大括號裡面。

css的三種引入方式

行內式內嵌式(內部樣式)

外鏈式

直接在標籤的 style 屬性中新增 css 樣式

示例**:

style

="width

:100px;

height

:100px;

background

:red

">

hellodiv

>

優點:方便、直觀。 缺點:缺乏可重用性。

標籤內加入標籤,在標籤中編寫css**。

示例**:

>

CSS 基礎選擇器

css cascading style sheet,層疊式樣式表,即乙個標籤可以同時被多種選擇器選擇,標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤,從而影響樣式。基礎選擇器 1.標籤選擇器,就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...

CSS基礎選擇器

派生選擇器 index.html charset utf 8 title rel stylesheet href mycss.css type text css head 我是黑色,因為我不在列表當中,所以這個規則對我不起作用strong p 我是紅色,這是因為 strong 元素位於 li 元素內...

css基礎 選擇器

enctype 編碼型別。hidden 對元素進行隱藏。file 上傳檔案 action method post enctype multipart form data hidden hidden 這是隱藏的字段p type file name updown id file form body re...