新聞中心
CSS個人筆記基本知識
CSS簡介
創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站制作、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),汝陽網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:汝陽等地區(qū)。汝陽做網(wǎng)站價格咨詢:028-86922220
CSS是層疊樣式表(英文全稱:CascadingStyleSheets)是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
選擇器的就是根據(jù)不同需求把不同標(biāo)簽選出來。
基礎(chǔ)選擇器由單個選擇器組成包括標(biāo)簽選擇器,類選擇器,id選擇器和通配符選擇器
標(biāo)簽名{
屬性1:屬性值1;
屬性2:屬性值2;
屬性3:屬性值3;
...
}
.類名{
屬性1:屬性值1;
...
}
多類名使用 在標(biāo)簽class屬性中寫多個類名用空格隔開
#id名{
屬性1:屬性值1;
...
}
* { //通配符選擇器使用"*"定義,表示選取頁面中所有的元素(標(biāo)簽)
屬性1:屬性值1;
...
}
文本縮進(jìn):
text-indent: 10px/2em
給定縮進(jìn)長度或em相對單位一個文字的大小
行間距:
line-height: 26px;
詳情可參考
菜鳥教程
w3c
CSS筆記-文檔流與高度
一.什么是文檔流文檔流
1.? ? 內(nèi)聯(lián)元素文檔流從左往右流動,塊級元素從上往下流動,每個塊級元素另起一行
2.? ? 塊級元素的高度是由它里面文檔流元素的高度決定的,決定不是等于
二.font-size:100px? 指的是什么高度
字體的高度font-size是字母最高點(diǎn)到最低點(diǎn)的距離
筆記:JS設(shè)置CSS樣式的幾種方式
1、直接更改,比如:
xID.style.display?=?"block";?//?更改display屬性,會覆蓋css中的定義。
xID.style.display?=?"";??????//?取消js更改display屬性,以css樣式為準(zhǔn)。
這里的xID,是通過id獲取的標(biāo)簽。當(dāng)然,也可能是通過tagName之類的獲取的標(biāo)簽。
這種方式,簡單直接。但是要修改大量的樣式的時候,不適合。所以,我更推薦第二種方式。
2、更改類名
xID.className?=?"xx???yy";
如果有多個類,就用空格隔開。前提,在樣式中要有已有類的定義。比如這里的xx和yy類,在css中應(yīng)該是寫好的。
這種方式把所有的樣式寫在了css文件中,適合更改較多的樣式以及炫酷的樣式。js就只做一件事情:改類。至于這個類會把標(biāo)簽變成什么樣子,交給css吧。
通過jquery也可以達(dá)到如上的效果:
$("#xID").css({
fontSize:"12px",
display:"block"
});??//?直接更改樣式
$("#xID").addClass("xx");??//?增加刪除類
$("#xID").removeClass("xx");
CSS筆記(一)
*文檔樣式表、外部樣式表,比內(nèi)聯(lián)樣式多了個“表”字
注意 后面會逐漸學(xué)習(xí)到這些CSS屬性,目前沒必要每一個都去查詢了解,用多了自然就記住了(CSS屬性名都是小寫)
letter-spacing.word-spacing分別用來設(shè)置字母、單詞之間(有空格才算一個單詞)的間距
默認(rèn)是0,可以設(shè)置為負(fù)數(shù)
本文名稱:css樣式筆記,列出css樣式的三種使用方法
當(dāng)前網(wǎng)址:http://www.dlmjj.cn/article/dsseoch.html