您好,登錄后才能下訂單哦!
這篇文章主要講解了“CSS基礎知識有哪些”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“CSS基礎知識有哪些”吧!
一、為什么使用div+css
1、實現表現和樣式相分離
2、有利于搜索引擎爬蟲
3、提升了網頁訪問速度
4、瀏覽器兼容性
二、css引入的3種方式
1、內部引用,在html文檔中在<style>標簽里面寫的css樣式
<style> bdoy{font-size:14px;} </style>
2、外部引用,用<link>標簽引用外部的css文件,將樣式引用到html文檔來。
<link rel="stylesheet" href="float.css">
3,在標簽中使用,使用style屬性將當前的標簽樣式改變。
<div style="color:red"></div>
三、CSS語法
1、基礎語法
selector {declaration1; declaration2; ... declarationN }
每條聲明由一個屬性和一個值組成。
屬性(property)是您希望設置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。
例如:
p {
2、CSS選擇器
在 CSS 中,類選擇器以一個點號顯示:
類選擇器,類選擇器以一個點號顯示。
.center {text-align: center}
id選擇器 ,id 選擇器以 "#" 來定義。
#green {color:green;}
元素選擇器
html {color:black;}
后代選擇器:選擇作為某元素后代的元素。
div.span{background:blue;}
css的選擇器還有很多,例如偽類選擇器、兄弟選擇器、交集選擇器,這里就不一一介紹
感謝各位的閱讀,以上就是“CSS基礎知識有哪些”的內容了,經過本文的學習后,相信大家對CSS基礎知識有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。