本文介绍了HTML和CSS的基础知识，包括常用的HTML标签及其属性，如何使用CSS来改变网页的表现形式，如背景颜色、字体等。同时讲解了如何在HTML文档中内联样式。
HTML 和 CSS笔记1
基础标签
与
之间的文本描述网页
与
之间的文本是可见的页面内容
与
之间的文本被显示为标题（数字为标题级数）
与
之间的文本被显示为段落
与
之间为需要强调的内容
-
内容为链接名
链接如果是本地文件需要注意目录
如果不在同一目录下，使用../访问父目录，xx/访问子目录
xx/表示当前目录下的xx目录。每一层目录都要用/分开
src的值为图片地址，后俩个元素为高宽，src的链接类似标签的链接
-
定义html表格
-
标签在 HTML 页面中创建水平线。用于分割内容
在不产生一个新段落的情况下进行换行（新行）,即拆行
匹配标记不需要在同一行上，标记的结束需要加上/
编写html时首部和页面主题需要分开
html对大小写不敏感
标签拥有属性，标签的herf就是属性，描述网址，img的src也是属性，表示图片地址
拥有关于对齐方式的附加信息
拥有关于背景颜色的附加信息。
拥有关于表格边框的附加信息。浏览器会自动地在标题的前后添加空行。确保标签只用于标题
属性值始终要加引号
使用css描述具体表现
CSS
层叠样式表(cascading style sheets)
style元素
可以用来为页面添加新的样式
<style type="text/css">
body{
/*body表示这块的所有CSS要用于body元素 */
/*设置背景颜色 */
background-color: #d2b48c;
/*左右外边距 */
margin-left: 20%;
margin-right:20%;
/*定义页面主体的边框为虚线 颜色为黑色 */
border: 2px dotted black;
/*在页面主题周围创建一些内边距 */
padding: 10px 10px 10px 10px;
/*字体 */
font-family: sans-serif;
}
</style><!--添加样式-->
/*还可以直接在标签后面添加样式*/
<html>
<body style="background-color: powderblue;">
<h1>Look! Style and colors</h1>
<p style="font-family: verdana;color: red">
This text is in Verdana and red
</p>
<p style="font-family: times;color:green">
This test is in Times and green
</p>
<p style="font-size:30px">
This text is 30 pixels high
</p>
</body>
</html>
style里的样式：
background-color 背景颜色
font-family 定义文本字体
color 定义文本颜色
font-size 定义文本字号
text-align:水平对齐（center为中间对齐）文本格式化
定义粗体文本。
定义大号字。
定义着重文字。
定义斜体字。
定义小号字。
定义加重语气。
定义下标字。
定义上标字。
定义插入字。
定义删除字。
不赞成使用。使用 代替。
不赞成使用。使用
代替。
不赞成使用。使用样式（style）代替。
定义计算机代码。
定义键盘码。
定义计算机代码样本。
定义打字机代码。
定义变量。
定义预格式文本。
不赞成使用。使用代替。
不赞成使用。使用代替。
不赞成使用。使用代替。
定义缩写。
定义首字母缩写。
定义文字方向。
定义长的引用。
定义短的引用语。
定义引用、引证。
定义一个定义项目。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
