css新奇技术及其未来发展
1.圖像替換技術(shù)：
圖像替換技術(shù)是指使用圖像替換頁面中文本的功能，類似與在頁面中插入圖像，只是這種方法更為方便，易于代碼管理。通常來說，設(shè)計者習(xí)慣使用有意義的圖像去替換一些標(biāo)題，logo和某些特定的頁面背景。
看個代碼例子：
這個例子使用了三張圖片
頁面背景圖像使用了dog.jpg。在body樣式表中，也就是在全局控制的情況下，折這背景圖像，fixed表示將背景圖像固定在頁面中，不隨著頁面內(nèi)容滾動。repeat-x表示在橫向上重復(fù)，所以如果將頁面寬度拉長，會出現(xiàn)背景圖像重復(fù)的現(xiàn)象。（fixed的完整寫法是background-attachment:fixed;）
dog.png以圖片超鏈接的形式插了進去
本例中關(guān)鍵的部分在于如何使用圖片替換文本。<h1>標(biāo)簽中本應(yīng)該是文本Sweet Rain，但樣式表中又插入了一張圖，最終顯示的也就是一張圖。這是因為代碼text-indent:-9999em;表示文本框內(nèi)的文本縮進-9999em,如此大的數(shù)值的作用便是將文本推出窗口之外，所以最終的效果中瀏覽者并不能看到文本。
?
2.css3.0的新發(fā)展：
新的標(biāo)準(zhǔn)中大幅度擴展了background和border屬性的功能。主要體現(xiàn)在對于背景圖像和邊框的精細(xì)修改，
如修改邊框的border-radius,它能使直角邊框改成圓角。
定義框模型下的文本陰影效果的box-shadow屬性
?
3.實現(xiàn)圓角框模型：
?
轉(zhuǎn)載于:https://www.cnblogs.com/wangshen31/p/7912284.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的css新奇技术及其未来发展的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信浏览器缓存清理
- 下一篇： 向oracle表空间添加一个数据文件命令