css各种样式含义 |css 查询最后一个节点

/* color样式 */
color: red;
color: #336699;
color: rgb(255, 0, 0);
/* background样式 */
background-color: yellow;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: center top;
/* font样式 */
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
/* margin和padding样式 */
margin: 10px;
margin-top: 5px;
margin-left: auto;
padding: 20px;
padding-bottom: 0;
/* border样式 */
border: 1px solid black;
border-top-color: red;
border-right-style: dotted;
border-bottom-width: 2px;
border-left-style: none;
/* display样式 */
display: block;
display: inline;
display: none;
/* position样式 */
position: static;
position: absolute;
position: fixed;
position: relative;
/* float样式 */
float: left;
float: right;
float: none;
/* width和height样式 */
width: 50%;
height: 200px;
max-width: 600px;
min-height: 50px;
/* text-align样式 */
text-align: left;
text-align: center;
text-align: right;
text-align: justify;

这些样式可以单独使用，也可以和其他样式组合使用，以达到更加精细的效果。掌握这些样式的含义和用法，将有助于大家更好地实现网页设计中的各种效果。