css是用來美化html標籤的,相當於頁面化妝。
書寫位置在head內部
選擇器是乙個選擇誰(標籤)的過程
選擇器結構
選擇器
屬性
解釋說明
width:20px
寬height:20px
高background-color:red
背景顏色紅色
font-size:24px
文字大小
text-align:left | center | right
內容水平對齊方式
text-indent:2em
首行縮排
選擇器分類
1.基礎選擇器
標籤選擇器
顏色的顯示方式:直接寫顏色的名字(red);十六進製制(常用,0-9 a-f,如#000000;前兩位紅色,中間兩位綠色,後兩位藍色);rgb(如(0,0,0)黑色)可用ps或fw獲取顏色
類選擇器(重點)
誰呼叫,誰生效;
乙個標籤可以呼叫多個類選擇器使用;class="類1 類2 ..... "一般常用兩個類名
多個標籤可以呼叫同乙個類選擇器。
在標籤中自定義類名-寫法:.類名----前面有個點
類選擇器命名規則:不能以數字、特殊符號和(_)開頭;不建議使用漢字命名;不推薦屬性名命名
id選擇器
寫法:#id名字
特點:乙個id選擇器在乙個頁面只能使用一次,如果使用兩次或2次以上,不符合w3c規範,造成js呼叫出現問題;乙個標籤只能呼叫乙個id選擇器;乙個標籤可以同時呼叫類選擇器和id選擇器。
萬用字元選擇器(不推薦使用)
*特點:給所有的標籤使用相同的樣式,增加瀏覽器解析
2.復合選擇器
概念:兩個或者兩個以上的基礎選擇器通過不同的方式連線在一起
交集選擇器
寫法:標籤+類(id)
特點:即要滿足使用了某個標籤,還要滿足使用了類(id)選擇器。
後代選擇器(重點)
寫法:選擇器+空格+選擇器
後代選擇器首選要滿足包含(巢狀)關係。
父集元素在前邊,子集元素在後邊。(父前子後)
特點:無限制隔代。 只要能代表標籤,標籤、類選擇器、id選擇器自由組合。
子代選擇器
寫法:選擇器》選擇器
選中直接下一代元素。
並列選擇器
寫法:選擇器+,+選擇器+,選擇器
屬性 font-size:16px; 文字大小
font-weight: 700 ; 值從100-900,文字粗細,不推薦使用font-weight:bold;
font-family:微軟雅黑; 文字的字型
font-style: normal | italic; normal 預設值 italic 斜體
line-height: 行高
屬性連寫
font: font-style font-weight font-size/line-height font-family;
注意:font:後邊寫屬性的值。一定按照書寫順序。
文字屬性連寫文字大小和字型為必寫項。
font:italic 700 16px/40px 微軟雅黑;
屬性解釋值
font-style
文字風格
normal | italia
font-weight
文字粗細
700 | bold(不推薦)
font-family
字型三種方法
font-size
文字大小
line-height
行高color
文字顏色(前景色)
background-color
背景顏色
text-align
內容的水平對齊方式
left | right | center
text-indent
首行縮排
2em
3.文字 的表達方式
直接寫中文名字
寫字型的英文名稱
unicode編碼
2023年07月16日20:11
收藏本文
在昨日麗江嘉雲昊隊主帥李虎就缺席了賽前的新聞發布會,當時俱樂部給出的解釋是李虎由於身體欠佳,去醫院接受**。然而今日李虎出現在俱樂部時,向記者否認了這一說法,並且坦言已經向俱樂部提出了辭呈。
據記者多方了解的情況,李虎[微博]極其教練組近來在執教成績上承受了不小的壓力,在聯賽間歇期期間,教練組曾向俱樂部提出能夠多引進有實力的球員補強球隊,然而由於和俱樂部在投入以及成績指標上的分歧,李虎最終和教練組一起在比賽日辭職。
這樣的情況並沒有影響到麗江嘉雲昊隊[微博]的隊員,在比賽中麗江隊在主場拼的非常兇,在暴雨之中仍然發揮出了體能充沛的優勢,最終憑藉點球擊敗了中超球隊哈爾濱毅騰,順利晉級下一輪比賽。根據中國足協杯的賽程,麗江嘉雲昊隊將在本月23日迎戰江蘇舜天隊。
效果圖:
前端基礎 02 CSS選擇器
css樣式分為3種 優先順序 行內樣式 內嵌樣式 外部樣式 1.行內樣式 width 300px height 300px background green 2.內嵌樣式 head中間新增樣式 3.外部樣式 lesson.css樣式檔案 div 引用方式 stylesheet href lesson...
集腋成裘 02 css基礎 01
css 層疊樣式表 cascading style sheets 級聯樣式表 1 選擇器 1.1 寫法 選擇器是乙個選擇標籤的過程.選擇器 1.2 基礎選擇器 標籤選擇器 類選擇器 id選擇器 萬用字元選擇器 en class g g class o o o o g g class l l clas...
02 前端基礎知識總結
1.何時使用 何時使用?if obj.a null 1 這裡相當於obj.a null obj.a undefined的簡寫形式 這是jquery原始碼中推薦的寫法 除了這個之外,其他的全部都用 2.js中有哪些內建函式?9個,分別是 object array boolean number stri...