相信大家也會瀏覽招聘網站的招聘要求,基本上每一家的找前端的要求都包含必須要精通css3。這次和大家來講一下css3,在前端編程中,html,css,js分別被稱之為前端編程中的骨,肉,魂。
html搭建前端頁面的結構,就像是人的骨骼一般,支撐整個頁面。
css控制前端頁面顯示的效果和布局,就像是人的血肉一般,使得整個頁面更加生動,靈活。
js控制前端頁面的業務邏輯,就像是人的靈魂一般,讓頁面能像一個人一樣做該做的事情。
所謂的css3是什么呢?
其實也沒有什么神秘,就是css(Cascading Style Sheets,層疊樣式表)的第三個版本,相對于之前的css,它有了更多優秀的,適合頁面需要的布局以及效果。可以說如果我們掌握了css3,那么我們可以更加靈活的,符合需求的來完成頁面的需求。做出更加美觀,簡潔的頁面。
css3到底需要學習什么?
css3需要學習的是css3新增的選擇器,樣式屬性。
css3新增的選擇器讓我們可以更加靈活的選擇頁面中的元素并為其設置樣式。
css3新增的樣式屬性可以讓我們設置頁面的效果和布局,提供了更多,更加符合需要的樣式屬性。
CSS3 邊框
通過 CSS3 可以創建圓角邊框、添加陰影框,可以使用圖片來繪制邊框,而不需要使用設計軟件,比如 PS。
CSS3 增加了3個新的邊框屬性:border-radius、box-shadow 和 border-image。
CSS3 圓角邊框
在 CSS2 中添加圓角邊框需要技巧,而且很費事,必須在每個角使用不同的圖片。使用 CSS3 可以很容易的創建圓角。CSS3 的 border-radius 屬性用于創建圓角。
CSS3 邊框陰影
CSS3 的 box-shadow 屬性用于向盒子添加陰影效果。