CSS入门_基础样式属性

目录

基本结构

背景样式

边框样式

文字样式

段落样式

复合样式

---

基本结构

CSS，Cascading Style Sheet层叠样式表，基于HTML，把结构和样式分离开发。

美化，皮肤。

• 给HTML标签添加 样式，共有三种方式：行间样式、内部样式、外部样式。

行间样式：直接在html标签里面加上style属性就可以了。

例如：

<div style="width: 100px;height: 100px;background-color: rgb(133, 119, 119);"> 

 

内部样式和外部样式后面基础部分学。

• 最重要的的就是那些详细的样式属性：

宽高	width、height（单位：px像素，%）
背景色	background-color（英文名字、十六进制、RGB）

 

背景样式

属性：

background-color	上面
background-image	background-image:url()默认重复平铺
background-repeat	背景图片平铺方式（repeat、repeat-x、repeat-y、no-repeat）
background-position	background-position:x坐标 y坐标;还有right bottom等关键字
background-attachment	背景图片随着滚动条的移动方式（fixed不动，scroll动）

边框样式

我最喜欢了，heihei

border-color	颜色
border-width	大小
border-style	样式
border-left-*	左边框
border-right-*	右边框
border-top-*	上边框
border-bottom-*	下边框

文字样式

font-family	宋体......中文放在双引号里，多个单词的英文放在双引号里，可以备选多个逗号隔开，系统没有找到第一个会依次找下一个
font-size	大小
font-weight	粗细
font-style	样式（斜体......）
color	颜色

段落样式

text-decoration	文本装饰（下划线等）
text-transform	大小写
text-indent	缩进（单位em，相对尺寸）
text-align	对齐方式
line-height	一行的高度
letter-spacing	字间距
word-spacing	词间距

复合样式

真适合我这种懒人

background	属性值写在一起空格隔开，不用每个属性列出来
border	同上
font	字体样式必须先写样式和粗细，再写大小，最后是字体

最好都写复合样式，不然后来写的复合样式会覆盖掉单一样式。