CSS的一些基本样式的简单介绍

1、字体样式
font-family:设置字体类型
font-size:设置字体大小
字体风格属性:font-style常用属性值:

     1.普通字体:normal 默认
     2.斜体样式:italic
     3.倾斜体样式:oblique

字体加粗属性为:font-weight 常用取值:

     1.normal:默认值,定义标准的字体。
     2.bold:粗体字体
     3.bolder:更粗的字体。
     4.lighter:更细的字体。
     5.100、200、300、400、500、600、700、800、900:定义由细到粗的字体。
        (400等同于normal,700等同于bold)

2、文本样式
1.text-align:设置文本水平对齐方式,常用值:

    left  right  cente*r

2.line-height:设置文本行高属性
3.text-indent:设置文本首行缩进
4.text-decoration:设置文本装饰
常用属性:none 默认值:标准 (常用在超链接设置,超链接默认属性是text-decoration:underline)

    underline:设置文本下划线
    overline:设置文本上划线
    line-through:设置文本删除线

3、链接样式
顺序:爱恨原则 LoVe HAte
注意:不要给一个超链接过多加伪类

/*未访问前样式*/
  a:link{
   	color: black;
  	text-decoration: none;
  }
  /*已经访问的超链接样式*/
  a:visited{
   	color: blue;
  }
  /*鼠标移动到链接的样式*/
  a:hover{
   	color: red;
  }
  /*点击未释放*/
  a:active{
   	color: blueviolet;
  }

4、背景颜色
1.background-color:设置背景颜色
2.background-image: url(图片路径); 设置背景图片
3.background-repeat: no-repeat;取消背景图片平铺
(background: url(…/image/1.jpg) no-repeat;//可以进行简写,顺序无所谓)
5、列表样式
1.list-style-type:列表样式

常用值:none 无标记符号
      disc 实心圆,默认类型
      circle:空心圆
      square:实心正方形
      decimal:数字

2.list-style-image: url(图标地址)—用图片代替标记符号
6、边框
顺序:边框宽度>边框样式>边框颜色
border-width: 边框宽度;
border-color: 颜色;
border-style: 线的样式;

border-style的常用值:
	dotted:点状边框
	dashed:虚线
	solid:实线
	double:双线

7、表格
只写几个常用的样式:
1.border-collapse: collapse;合并表格边框
2.width: 600px;设置宽度
3.text-align: center;设置内容居中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值