1、 css媒體選擇器,css中選擇器是什么意思?
要使用css對HTML頁面中的元素實現(xiàn)一對一,一對多或者多對一的控制,這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進行控制的。
每一條css樣式定義由兩部分組成,形式如下:[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網(wǎng)頁中的哪些元素。
2、 是什么意思?
@是CSS的一種選擇符,有很多應(yīng)用場景。最常用的使用場景是用來引用其他的CSS文件,是以@import開始的,例如想在main.css里面應(yīng)用style.css,那么直接用@import style.css就可以了。
此外,還有一種使用場景是媒體選擇,它是以@media開始的,表示在不同媒介條件下的樣式。
3、 css3有哪些特性?
新特性新增各種CSS選擇器 (: not(.input):所有 class 不是“input”的節(jié)點)
圓角 (border-radius:8px)
多列布局 (column)
陰影和反射 (Shadow\Reflect)
文字特效 (text-shadow)
線性漸變 (gradient)
旋轉(zhuǎn),縮放,定位,傾斜 (transform
多背景,背景裁剪
4、 dom操作?
文檔對象模型( DOM, Document Object Model )主要用于對HTML和XML文檔的內(nèi)容進行操作。DOM描繪了一個層次化的節(jié)點樹,通過對節(jié)點進行操作,實現(xiàn)對文檔內(nèi)容的添加、刪除、修改、查找等功能。
一、DOM樹
DOM樹有兩種,分別為節(jié)點樹和元素樹。
節(jié)點樹:把文檔中所有的內(nèi)容都看成樹上的節(jié)點;
元素樹:僅把文檔中的所有標(biāo)簽看成樹上的節(jié)點。
二、DOM常用操作
2.1 查找節(jié)點
document.getElementById('id屬性值');
返回?fù)碛兄付╥d的第一個對象的引用
document/element.getElementsByClassName('class屬性值');
返回?fù)碛兄付╟lass的對象集合
document/element.getElementsByTagName('標(biāo)簽名');
返回?fù)碛兄付?biāo)簽名的對象集合
document.getElementsByName('name屬性值');
返回?fù)碛兄付Q的對象結(jié)合
document/element.querySelector('CSS選擇器');
僅返回第一個匹配的元素
document/element.querySelectorAll('CSS選擇器');
返回所有匹配的元素
document.documentElement
獲取頁面中的HTML標(biāo)簽
document.body
獲取頁面中的BODY標(biāo)簽
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 );
給元素增加指定屬性,并設(shè)定屬性值