CSS3是一種用于給HTML文檔添加樣式的語言。與CSS2不同的是,CSS3具有更多的屬性,以及取值的方式也更加靈活多樣。下面介紹一些CSS3的取值方式。
/*取值方式1:關鍵字*/ p { color: red; /*顏色關鍵字*/ font-style: italic; /*字體風格關鍵字*/ text-align: center; /*文本對齊關鍵字*/ } /*取值方式2:數值*/ p { font-size: 24px; /*字體大小為24像素*/ margin-top: 20px; /*頂部外邊距為20像素*/ line-height: 1.5; /*行高為字體高度的1.5倍*/ } /*取值方式3:百分比*/ p { width: 50%; /*寬度為容器寬度的50%*/ padding: 10% 5%; /*內邊距為容器寬度的10%和高度的5%*/ } /*取值方式4:顏色值*/ p { background-color: #f0f0f0; /*背景顏色為十六進制值f0f0f0*/ border-color: rgba(255, 0, 0, 0.5); /*邊框顏色為紅色,透明度為50%*/ box-shadow: 5px 5px 5px #000000; /*陰影顏色為黑色*/ } /*取值方式5:函數*/ p { transform: rotate(30deg); /*旋轉30度*/ transition: all 2s ease-in-out; /*所有屬性在兩秒內平滑過渡*/ }
以上是常見的幾種CSS3取值方式,大家可以根據自己的需求靈活運用。同時也需要注意,不同的取值方式可能需要不同的瀏覽器支持,要注意使用不同瀏覽器的兼容性。
下一篇mac 部署php