编辑器:Sublime Text / notepad++/Vscode/Atom等
自适应网页设计
在网页设计的头部,加入一行viewport元标签
<meta name="viewport" content="initia-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes, width=device-width" />
这里的属性定义了初始缩放比例、最大最小缩放比例、用户是否可以调整缩放比例等。
CSS定义样式表的四种方式:
- 直接在标记里,使用style属性,即<div style="; height:auto"></div>
- 定义内部样式:在html文档内,对整个<head>或<body>设置样式
<style type="text/css">
选择符1{样式属性:属性值;样式属性:属性值....}
选择符2....
.....
</style>
这里的选择符如: .p1{; color:blue} 则可以在标记中,通过使用class属性来使用
- 嵌入外部样式表:直接导入样式表的方法,即在上面的选择符区域,直接用 @import url("test.css");
<style type="text/css">
@import url("test.css");
</style>
<link type="text/css" rel="stylesheet" href="test.css">