css偽選擇器使用視頻,偽選擇器怎么設計字體?
材料/工具:電腦、DW軟件1、首先在電腦上打開DW軟件,然后創(chuàng)建站點和HTML文件。2、然后點擊上面的工具欄的拆分,在右邊的編輯欄上輸入一段文字。3、然后選擇這一段文字,在點擊下面CSS窗口。4、然后在目標規(guī)則框中,選擇新建CSS規(guī)則,再選擇字體的顏色為藍色。5、然后就會出現(xiàn)一個窗口,填入選擇器名稱。6、然后在左邊的代碼框加入<marqueebehavior="alternate"scrollamount="10"></marquee>代碼就可以實現(xiàn)滾動字體。
CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規(guī)律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規(guī)則,這個觀念很好,可以從側面杜絕權重問題的產(chǎn)生,還有一個就是提高權重的方法 !important;
dom操作?
文檔對象模型( DOM, Document Object Model )主要用于對HTML和XML文檔的內(nèi)容進行操作。DOM描繪了一個層次化的節(jié)點樹,通過對節(jié)點進行操作,實現(xiàn)對文檔內(nèi)容的添加、刪除、修改、查找等功能。
一、DOM樹
DOM樹有兩種,分別為節(jié)點樹和元素樹。
節(jié)點樹:把文檔中所有的內(nèi)容都看成樹上的節(jié)點;
元素樹:僅把文檔中的所有標簽看成樹上的節(jié)點。
二、DOM常用操作
2.1 查找節(jié)點
document.getElementById('id屬性值');
返回擁有指定id的第一個對象的引用
document/element.getElementsByClassName('class屬性值');
返回擁有指定class的對象集合
document/element.getElementsByTagName('標簽名');
返回擁有指定標簽名的對象集合
document.getElementsByName('name屬性值');
返回擁有指定名稱的對象結合
document/element.querySelector('CSS選擇器');
僅返回第一個匹配的元素
document/element.querySelectorAll('CSS選擇器');
返回所有匹配的元素
document.documentElement
獲取頁面中的HTML標簽
document.body
獲取頁面中的BODY標簽
document.all['']
獲取頁面中的所有元素節(jié)點的對象集合型
2.2 新建節(jié)點
document.createElement('元素名');
創(chuàng)建新的元素節(jié)點
document.createAttribute('屬性名');
創(chuàng)建新的屬性節(jié)點
document.createTextNode('文本內(nèi)容');
創(chuàng)建新的文本節(jié)點
document.createComment('注釋節(jié)點');
創(chuàng)建新的注釋節(jié)點
document.createDocumentFragment( );
創(chuàng)建文檔片段節(jié)點
2.3 添加新節(jié)點
parent.appendChild( element/txt/comment/fragment );
向父節(jié)點的最后一個子節(jié)點后追加新節(jié)點
parent.insertBefore( newChild, existingChild );
向父節(jié)點的某個特定子節(jié)點之前插入新節(jié)點
element.setAttributeNode( attributeName );
給元素增加屬性節(jié)點
element.setAttribute( attributeName, attributeValue );
給元素增加指定屬性,并設定屬性值
是什么選擇器?
head img 選擇器:就是指定CSS要作用的標簽,那個標簽的名稱就是選擇器。意為:選擇哪個容器。
CSS的選擇器分為兩大類:基本選擇題和擴展選擇器。
基本選擇器:
標簽選擇器:針對一類標簽ID選擇器:針對某一個特定的標簽使用
類選擇器:針對你想要的所有標簽使用
通用選擇器(通配符):針對所有的標簽都適用(不建議使用)