Web 前端开发者必知的9 个 CSS 属性
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> CSS可以改进网站的设计并且开拓网站设计更多的可能性,可以令你的网页更具吸引力。对于前端开发者、网站设计师来说,掌握并熟练应用CSS是一项必不可少的技能。 下面列出了一些非常实用的CSS3属性和使用技巧,希望能够为你的开发、设计工作带来一些帮助。 1. 圆角效果 如今的Web设计在不断跟进最新的开发技术,纷纷采用HTML5来开发多样性的Web应用。HTML5的优势之一,就是之前必须用图片实现的元素,现在可以用代码来实现。“border-radius”是实现这一功能的一个重要的属性,可以用来直接定义HTML元素的圆角,并且被所有现代浏览器支持。 Css代码 border-radius: 10px; /* CSS3 Property */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Chrome/Safari */ -khtml-border-radius: 10px; /* Linux browsers */ 想充分了解IE浏览器对CSS3属性支持情况,请看 这篇文章 。 2. 阴影效果 通过CSS3的box-shadow属性可以非常方便地实现阴影效果。所有主流的浏览器都支持这个属性