初学CSS和HTML就得打好基础,写这篇就是为了记录一下自己学习的过程
1.样式
(1) font-size 用于改变窗口文字大小
(2) color 用于改变文字颜色
(3) text-align 用改变文字格式,即居中变化
(4) <h1></h1>为标题标签;<p></p>为段落标签;<img src="图片路径">用于插入图片
(5) html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个‘/’
(6) 可用于<head>里面的标签:<title></title>,<meta>,<link>,<style></style>,<script></script>
(7) 注释:<!--注释文字-->
(8) 强调语气,<em>默认斜体表示,<strong>用粗体表示
(9) <span>是没有语义的,为了设置单独的样式用的,如下:
<style>
span{
color:blue;
}
</style>
<body>
<span>中国梦</span>
</body>
//以上让‘中国梦’三个字变蓝
(10) <q>:引用别人的语句,该标签不是其默认样式为双引号而是浏览器会为<p>自动分配双引号,它的重
1.样式
(1) font-size 用于改变窗口文字大小
(2) color 用于改变文字颜色
(3) text-align 用改变文字格式,即居中变化
(4) <h1></h1>为标题标签;<p></p>为段落标签;<img src="图片路径">用于插入图片
(5) html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个‘/’
(6) 可用于<head>里面的标签:<title></title>,<meta>,<link>,<style></style>,<script></script>
(7) 注释:<!--注释文字-->
(8) 强调语气,<em>默认斜体表示,<strong>用粗体表示
(9) <span>是没有语义的,为了设置单独的样式用的,如下:
<style>
span{
color:blue;
}
</style>
<body>
<span>中国梦</span>
</body>
//以上让‘中国梦’三个字变蓝
(10) <q>:引用别人的语句,该标签不是其默认样式为双引号而是浏览器会为<p>自动分配双引号,它的重
点在于它的语义,引用别人的话。//引用简短语句。
(11) <blockquote>引用文本<blockquote>,浏览器这个标签的解释是缩进样式//引用较长语句
(12) <br/ >:回车,转行; :空格; <hr/>:分割线;
(13) <address>:为网页加入地址信息;<adddress>联系地址信息</address>
(14) <code>:用于显示代码;<code>var i=i+1;</cpde>;另插入多行代码则不能使用<code>标签,插入多
(11) <blockquote>引用文本<blockquote>,浏览器这个标签的解释是缩进样式//引用较长语句
(12) <br/ >:回车,转行; :空格; <hr/>:分割线;
(13) <address>:为网页加入地址信息;<adddress>联系地址信息</address>
(14) <code>:用于显示代码;<code>var i=i+1;</cpde>;另插入多行代码则不能使用<code>标签,插入多
行代码是用<code>标签
(15) <ul><li>信息</li></ul>:信息列表,这两个在浏览器默认显示为‘·’;这个列表是没有前后顺序
(15) <ul><li>信息</li></ul>:信息列表,这两个在浏览器默认显示为‘·’;这个列表是没有前后顺序
的
(16) <ol><li>这是有顺序的列表,序号默认从1开始
(17) <tbody>:表格内容多时,表格会下载一点显示一点,该标签会使表格全部加载然后显示;<tr>:行;
(16) <ol><li>这是有顺序的列表,序号默认从1开始
(17) <tbody>:表格内容多时,表格会下载一点显示一点,该标签会使表格全部加载然后显示;<tr>:行;
<td>:单元格