css介绍及引入方式

当了解HTML静态网页的基本结构后,发现要想实现更好的界面效果,实现更多的功能还得使用另外的工具来对这些现有的功能进行修饰,接下来进阶阶段,了解css使用。

1.什么是css?
CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。

2.css的基本语法:
语法格式
选择器{
样式属性:属性值
样式属性:属性值
样式属性:属性值
}

		实际效果,例如:
				div{ 
				    width:100px; 
				    height:100px; 
				    background:gold; 
				}

3.css的引入(使用)方式:
1.内联式:
通过标签的style属性,在标签上直接写样式

			例:
			<div style='width:100px height:100px'>.</div>

2.嵌入式:
通过一个style标签,在网页上创建嵌入的样式表
例:

			<style type='text/css'>
					div{
					width:100px;
					height:100px;
					...
					}
			</style>

3.外链式:通过link标签,链接外部样式文件到页面中

			<link rel="stylesheet" type="text/css" href="css/main.css">

常用的就是外链式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值