CSS小结(一)

CSS简介

Cascading Style Sheet (级联样式单)缩写为css 主要用于网络风格的设计,它给网页的内容穿上的一层好看的衣服,但具体好不好看还得看写的咋样hhhh

CSS样式单可以将数据逻辑和显示逻辑分开从而提高文件的可读性。
可以控制页面字体或是控制整站的页面风格。

css样式总是有一个或多个样式定义的
选择器 {属性名: 属性值}

CSS实现的方式

引入外部样式文件(于<head中引入)

格式为
<link type="text/css" rel="stylesheet" href="Css样式的URL" />
如
<link href="outer.css" rel="stylesheet" type="text/css">

outer.css
table{
	background-color: #003366;
	width: 400px;
	}

导入外部样式单

一般不考虑使用,一些浏览器可能不知车高级CSS属性放在外部样式单中导入
在style中使用

<style type="text/css">
	@import "outer.css"
	@import url("mycss.css")
	</style>

内部css样式

同样不建议使用,因为它主要在HTML文档中定义。
1.若需要被其他文件使用时需要重复定义。
2.修改时需要每个页面依次修改。

如
<html>
	<head>
		<style type="text/css">
			table{
				background-color: #003399
				}
		</style>
	</head>

</html>

内联样式

直接于body文件中修改

发布了4 篇原创文章 · 获赞 0 · 访问量 24
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览