摘要:在網(wǎng)頁中,選中某段文字,默認(rèn)的顯示效果為可以看到,選中后文字顏色為白色,背景為藍(lán)色。現(xiàn)我們想設(shè)置,選中后文字為紅色,背景為黃色。通過其私有屬性支持。設(shè)置為頁面效果為擴(kuò)展可以應(yīng)用的屬性有。
在網(wǎng)頁中,選中某段文字,默認(rèn)的顯示效果為:
可以看到,選中后文字顏色為白色,背景為藍(lán)色。
現(xiàn)我們想設(shè)置,選中后文字為紅色,背景為黃色。需要用到CSS偽類 ::selection。
IE9+、Opera、Google、Chrome、Safari都支持 ::selection 選擇器。
Firefox 通過其私有屬性 :: moz-selection 支持。
設(shè)置CSS為:
頁面效果為:
擴(kuò)展:
::selection 可以應(yīng)用的屬性有:color、background、cursor、outline。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/114352.html
摘要:語法每個樣式右兩部分組成選擇器和聲明。格式如下外部樣式外部樣式就是將寫在一個單獨的文件中,然后在頁面進(jìn)行引入即可。CSS知識 CSS(Cascading Style Sheet,層疊樣式表)定義如何顯示HTML元素。 當(dāng)瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文檔進(jìn)行格式化(渲染)。Css之車更豐富的文檔外觀,Css可以為任何元素的文本和背景設(shè)置顏色;允許在任何元素外圍設(shè)置邊框;允許改...
摘要:設(shè)定元素的屬性為絕對。將當(dāng)前選中區(qū)復(fù)制到剪貼板并刪除之。插入隱藏控件覆蓋當(dāng)前選中區(qū)。減少選中區(qū)所在格式化塊的縮進(jìn)。傳遞整數(shù)將顯示用戶界面,整數(shù)將跳過它。方法受到的影響會閃爍。 document.execCommand()方法處理Html數(shù)據(jù)時常用語法格式如下:document.execCommand(sCommand[,交互方式, 動態(tài)參數(shù)]) 其中:sCommand為指令參數(shù)(如下例...
摘要:細(xì)化知識點總結(jié)標(biāo)簽都是標(biāo)題標(biāo)簽,定義一段話的標(biāo)題,最大,依次遞減,最小標(biāo)題標(biāo)簽的作用讓文本加粗顯示段落標(biāo)簽標(biāo)簽用來顯示一段文本圖片,它會忽略源代碼中的排版塊元素獨占一行的元素,和相鄰的元素不能共享同一行所有的塊元素都有屬性和元素都是HTML細(xì)化知識點總結(jié) 1.h1-h6標(biāo)簽 都是標(biāo)題標(biāo)簽,定義一段話的標(biāo)題,h1最大,依次遞減,h6最小 標(biāo)題標(biāo)簽的作用:讓文本加粗顯示 ? 2. 段落標(biāo)簽:p...
摘要:一樣式的繼承性作用給父元素設(shè)置一些屬性,子元素也可以使用應(yīng)用場景一般用于設(shè)置網(wǎng)頁上的一些共性信息,例如網(wǎng)頁的文字顏色,字體,文字大小等內(nèi)容。一、css樣式的繼承性: 作用:給父元素設(shè)置一些屬性,子元素也可以使用 應(yīng)用場景: 一般用于設(shè)置網(wǎng)頁上的一些共性信息,例如網(wǎng)頁的文字顏色,字體,文字大小等內(nèi)容。優(yōu)化代碼,降低工作量 注意點: 1.并不是所有的屬性都可以繼承,、 只有color/font-...
摘要:方式是將內(nèi)容放在了請求頭,所以會顯示在上,將內(nèi)容放在了請求體。此外,方式對提交內(nèi)容的長度有限制,必須在之內(nèi),而沒有。如果屬性設(shè)置,表示選擇框只能同時顯示三項。表頭會自動加粗居中,在表格內(nèi)容區(qū),表示行,表示列。HTML HTML叫做超文本標(biāo)記語言,是一種制作萬維網(wǎng)頁面標(biāo)準(zhǔn)語言。相當(dāng)于定義一套規(guī)則,大家都來遵守它,這樣瀏覽器就可以去解釋它。 瀏覽器負(fù)責(zé)將標(biāo)簽翻譯成用戶看得懂的格式,呈現(xiàn)給用戶。 ...
閱讀 3769·2021-11-11 10:58
閱讀 2562·2021-09-22 15:43
閱讀 2920·2019-08-30 15:44
閱讀 2291·2019-08-30 13:08
閱讀 1889·2019-08-29 17:28
閱讀 951·2019-08-29 10:54
閱讀 733·2019-08-26 11:46
閱讀 3557·2019-08-26 11:43