CSS 常用属性

最新推荐文章于 2025-08-22 15:07:29 发布

youngcave2

最新推荐文章于 2025-08-22 15:07:29 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/yougcave/article/details/115699247

CSS 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了CSS的各种属性，包括宽度、高度、字体、边框、边距、定位、颜色、背景、溢出控制等，旨在帮助读者深入理解并熟练运用CSS进行网页布局和美化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

body {
  width:750px; /*宽度*/
  min-width:1000px; /*最小宽度*/
  height:100px; /*高度*/
  line-height:100px; /*行高*/

  font-family:"Times New Roman",Georgia,Serif;/*字体*/
  font-size:16px;/*字体大小*/
  font-style:italic;/*字体风格*/
  font:16px/26px "微软雅黑";/*字号/行高  字体*/
  color:#ccc;/*字体颜色*/

  border-width:10px;/*四边边框粗细*/
  border-style:solid;/*四边边框的风格*/
  border-color:red;/*四边边框的颜色*/
  border:10px solid red;/*border-width,border-style,border-color的简写*/
  border-top-width:10px;/*上边框的粗细*/
  border-top-style:dashed;/*上边框的风格*/
  border-top-color:red;/*上边框的颜色*/
  border-top:10px solid red;/*上面三个简写*/
  border-radius:2px;/*边框圆角*/

  text-align:center;/*left,center,right,justify 水平方向居中*/
  letter-spacing:10px;/*字间距*/
  word-spacing:10px;/*单词之间的间距*/
  text-indent:10px;/*首行缩进*/
  
  margin-top:10px;/*上外边距*/
  margin:10px;/*四边外边距*/
  padding-top:10px;/*上内边距*/
  padding:10px;/*可以设置一,二,三,四种值.内边距*/
  
  float:left;/*right  左浮动,右浮动*/
  clear:both;/*清除浮动,,清除左浮动或者右浮动*/
  position:relative;/*相对定位*/
  position:absolute;/*绝对定位*/
  position:fixed;/*固定定位*/

  z-index:1;/*设置层叠元素的上下位置*/
  
  background-color:#ddd;/*背景颜色*/
  background-image:url("");/*背景图片*/
  
  overflow:hidden;/*溢出部分隐藏*/
  visibility:hidden;/*隐藏,占位置*/
  display:block;/*设为块状元素 块级元素自带的属性*/
  display:inline;/*设为行内元素*/
  display:inline-block;/*非块状元素的块状盒子*/
  display:none;/*隐藏，不占位置*/
  opacity:0.5;/*透明度 兼容ie9以上的浏览器*/
  filter:alpha(opacity=50)/*设置透明度 兼容i6~ie8*/
}