selector { property1:value1; property2:value2; ... }
CSS3使用选择器和属性来控制样式。选择器用来选择哪些元素将被应用样式。属性控制所选元素的样式。下面是一些常用的选择器:
/* 选择元素节点 */ selector {} /* 选择元素节点子元素 */ selector >child {} /* 选择元素节点同层级下的元素 */ selector + sibling {} /* 选择元素节点下所有元素 */ selector >* {} /* 选择具有指定类的元素 */ .selector {} /* 选择具有指定ID的元素 */ #selector {}
下面是一些CSS3属性的例子:
/* 设置背景颜色 */ background-color:#000; /* 设置边框大小 */ border:1px solid #000; /* 设置文字样式 */ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; font-style:italic; text-decoration:underline; /* 设置元素位置 */ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
这些是CSS3常用的基本属性及用法,当然也可以使用更高级的属性去做出更高级的效果,希望本教程能对大家有所帮助。