HTML入门遍1

常见的样式

• 属性 ：属性值
• width : 宽度
• heigth: 高度
• background 背景

background-attachment:fixed; //背景是否滚动
background-color :red; // 背景颜色
background-image:url(bg.jpg);// 背景图片
background-repeat:no-repeat;//背景是否重复
background-postion:center 0px;// 背景图位置

——border 边框样式

border-width: 10px;//宽度
border-style: solid;//样式
border-color: red;// 颜色

border-style 边框样式

border-style: solid;//实线
border-style: dashed;//虚线

padding 内边距

padding-top: 100px; //上边距
padding-right: 100px; // 右边距
padding-bottom: 100px;//下边距
padding-left: 100px;//左边距
 // padding: top right bottom left;
  //注意：内边距相当于给一个盒子加了填充厚度会影响盒子大小。

margin 外边距

1:上下外边距会叠压
2:父子级包含的时候子级的margin-top会传递给父级；（内边距替代外边距）

margin-top: 100px; //上边距
margin-right: 100px; // 右边距
margin-bottom: 100px;//下边距
margin-left: 100px;//左边距
 // margin: top right bottom left;
  //注意：内边距相当于给一个盒子加了填充厚度会影响盒子大小。

text 文本基本设置

/* 
font-size                  文字大小（一般均为偶数）
font-family              字体（中文默认宋体）
color                        文字颜色（英文、rgb、十六位进制色彩值）
line-height              行高
text-align                文本对齐方式
text-indent             首行缩进（em缩进字符）
font-weight            文字着重
font-style                文字倾斜
text-decoration      文本修饰
letter-spacing         字母间距
word-spacing         单词间距（以空格为解析单位）

font：font-style | font-weight | font-size/line-height | font-family；

 */