css3元素周期表

CSS3元素周期表是一种对CSS3中常用的选择器和属性进行分类和归纳的表格，它以化学元素周期表的形式呈现，方便查找和理解各种CSS3元素的功能和使用方式。

// CSS3选择器.el {
    font-size: 14px;
      // 属性color: #000;
    background: #fff;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
#myButton:hover {
    background: #f00;
    color: #fff;
    cursor: pointer;
}
.element:nth-of-type(even) {
    background: #eee;
}
@media (max-width: 600px) {
.container {
    display: none;
}
}
::after {
    content: "";
    display: table;
    clear: both;
}
// CSS3属性div {
    transition: all 0.3s ease-in-out;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    transform-origin: center center;
    transform: rotate(45deg);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    background: linear-gradient(to bottom, #f00, #00f);
}
    

CSS3元素周期表的分类包含选择器和属性两个方面。选择器用于选取HTML文档中不同的元素，使得元素可以应用不同的CSS样式；而属性用于定义元素的样式和特征，可以在CSS样式表中为元素添加不同的视觉效果。

CSS3选择器包含了大量的选择方法，如class选择器、id选择器、属性选择器、伪类选择器以及伪元素选择器等。这些选择器可以灵活的选取不同的HTML元素，为网页设计提供了更多的创意和想象空间。

而CSS3属性也不断的进行扩展和升级，包括有过渡、动画、变形、渐变、阴影、文本特效、弹性盒子、栅格布局等诸多功能，可以为网页设计带来更加个性化和丰富的效果和使用体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！