溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
CSS中expression屬性如何使用，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
CSS expression屬性作用
1、給元素固有屬性賦值
下面的實例是依照瀏覽器的大小來安置一個元素的位置。查看運行效果試試。
SourceCodetoRun
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>www.52css.com</title> <styletypestyletype="text/css"> <!-- #myDiv{ position:absolute; width:100px; height:100px; background:#c00; left:expression(document.body.offsetWidth-180+"px"); top:expression(document.body.offsetHeight--80+"px"); text-align:center; line-height:90px; color:#fff; } --> </style> </head> <body> <dividdivid="myDiv">52css.com</div> </body> </html>[可先修改部分代碼再運行查看效果]
2、給元素自定義屬性賦值
我們想給頁面的鏈接消除點擊時產生的虛線。
在一般情況下，我們是這樣做的：
ExampleSourceCode
<ahrefahref="link1.htm"onfocus="this.blur()">52css.com</a><br/> <ahrefahref="link2.htm"onfocus="this.blur()">52css.com</a><br/> <ahrefahref="link3.htm"onfocus="this.blur()">52css.com</a>
粗看或許沒有感覺。但如果你的頁面上有幾十甚至上百個鏈接，這時的你難道還會機械式地Ctrl+C，Ctrl+V么，采用expression的優勢現在就突現出來了。兩者比較，哪個產生的冗余代碼更多呢？
◆采用expression的做法如下：
a{star:expression(thisthis.onFocus=this.blur())}我們看下面的例子：
SourceCodetoRun
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>www.52css.com</title> <styletypestyletype="text/css"> <!-- a{star:expression(this.onFocus=this.blur())} --> </style> </head> <body> <ahrefahref="#">我愛CSS-www.52css.com</a> </p> </body> </html>關于CSS中expression屬性如何使用問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
