css属性设置及t形布局

CSS属性设置是Web开发过程中不可避免的一部分。CSS是样式表语言，用于控制网页中的样式。在CSS中，可以通过设置属性来定义元素的样式。以下是常见的CSS属性：

color：设置文本颜色。
font-size：设置字体大小。
background-color：设置背景颜色。
padding：设置元素内部填充。
margin：设置元素外部边距。
border：设置元素边框。
text-align：设置文本对齐方式。

如上述代码所示，CSS属性都可以通过选择器来设置，例如，如果要给class为“Box”的元素设置背景颜色，可以使用以下代码：

.Box{
  background-color: #FAFAD2;
}

T形布局是一种常用的网页布局方式，它可以实现在不同屏幕尺寸下的自适应布局。T形布局由一个上方横条（header）、下方横条（footer）、左侧纵条（sidebar）和右侧主体内容区域（main）组成。以下是实现T形布局的示例代码：

<div class="wrapper">
  <div class="header">Header</div>
  <div class="content">
    <div class="sidebar">Sidebar</div>
    <div class="main">Main Content</div>
  </div>
  <div class="footer">Footer</div>
</div>

.wrapper{
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.content{
  flex: 1;
  display: flex;
}
.sidebar{
  width: 20%;
  background-color: #F5F5F5;
}
.main{
  flex: 1;
  padding: 20px;
}
.header,.footer{
  height: 50px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

如上述代码所示，通过使用flex布局，实现了T形布局的自适应效果。其中，wrapper元素作为容器，设置了高度为页面高度的100%。content元素设置了flex为1，使得其可以占据容器剩余的空间。sidebar元素和main元素分别设置了宽度为20%和flex为1，实现了左右布局。header和footer元素设置了高度、背景颜色、文字颜色和居中对齐等属性，实现了上下布局。