CSS介绍

CSS:全称(Cascading Styleshteet)

	层叠样式表。
    作用: 用于HTML文档中元素的样式定义;
          实现将网页内容与样式表分离;
          提升代码的可重用性和可维护性。

CSS和HTML之间的关系:

    HTML:网页的基本结构
    CSS:用于美化HTML元素
    HTML是页面的内容;CSS是页面的表现

使用原则:

1.W3C建议尽量使用CSS来取代HTML属性实现内容与表现的分离
2.如果为HTML所特有的属性,则使用HTML属性

CSS使用方式:

    外联:
        <link rel="stylesheet" type="text/css" href="test.css">
    内联:
        <div  style="width:500px;height:50px;background-color:cyan">
    内部:
        <style type="text/css"></style>

设置字体系列:

	font-family: "YouYuan";

设置字体粗细:

	font-weight: lighter;

设置字体大小:

	 font-size: 50px;

设置字体风格:

	font-style:italic;
	font:italic bold 45px "SimSun";

定义文本修饰

	text-decoration:
	line-through:文本中间穿过;
	underline:文本下方的下划线;
	overline:上方线;
	inherit:继承父元素;

设置背景图片:

	background-image: ;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值