[分享]css3块级标签

CSS3块级标签是网页设计中经常使用的一种元素。块级标签是指在显示时会独占一行的元素，例如div、h1、p等。

div {
    width: 300px;
    height: 200px;
    background-color: #eee;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 200px;
    font-size: 24px;
} 

上面的代码示例演示了如何使用CSS3为div元素添加样式。设置了宽度、高度、背景颜色、边框、文本居中、行高和字体大小等样式属性。

CSS3块级标签的另一个重要应用是实现响应式布局。通过媒体查询可以根据不同的屏幕尺寸设置不同的样式规则，以适配不同的设备。例如：

@media screen and (max-width: 768px) {
    div {
        width: 100%;
        height: auto;
    }
} 

上述代码示例表示当屏幕尺寸小于等于768像素时，将div元素的宽度设置为100%，高度自适应。

总之，CSS3块级标签是网页设计中不可或缺的元素，熟练掌握CSS3块级标签的使用方法可以提高网页的美观程度和用户体验。