目录
一、HTML&CSS简介
1、HTML简介
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
2、CSS简介
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
二、HTML标签
1、标题标签
从<h1>-<h6>一共六个等级，h1最大，h6最小
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>2、列表标签
ul标签是无序列表，ol标签是有序列表，li标签是列表项
<ol>//无序列表
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
<ul>//有序列表
<li>...</li>
<li>...</li>
<li>...</li>
</ul>3、图像标签
在html设计中往往会需要现有图片作为设计成分，而引用图片资源则需要用到图像标签image，image标签有个很重要的属性src，其作用是用于指定图像文件的路径和文件名，他是img标签的必需属性。
<img src="图片位置" />4、超链接标签
点击有超链接模块可跳转到其他页面
<a href="baidu.com">百度一下</a>其中target属性可以定义被链接的内容在何处显示：
(1) _self 属性值表示链接在当前页面中打开
(2) _blank属性值表示链接在新页面中打开
<a href="http://www.baidu.com", target="_self">百度一下</a>
<a href="http://www.百度.com", target="_blank">百度一下</a>5、表格标签
表格标签一般用来处理和显示数据
<table>标签表明定义一张表格，<tr>标签对应表格中的每一行，<td>标签对应表格中的单元格，其中tr标签必须嵌套在table表格中，而td标签必须在tr标签中使用。
<table>
<tr>
<td>单元格中内容</td>
...
</tr>
...
</table>6、换行标签
<br>为换行标签，可手动添加换行
<p>
...<br>
...
</p>三、CSS的使用
1、语法规则
CSS规则有两个主要部分构成：选择器以及一条或多条声明
1、选择器是用于指定 CSS 样式的HTML标签 ，花括号内是对该对象设置的具体样式
2、属性和属性值以“键值对”的形式出现
3、 属性是对指定的对象设置的样式属性，例如字体大小，文本颜色等
4、属性和属性值之间用“ : ”分开
5、多个“键值对”之间用英文“ ; ”进行区分
2、CSS基础选择器
2.1标签选择器
h3{ //h3为标签名，这里为三级标题标签
属性1:属性值1;
属性2:属性值2;
属性3:属性值3;
...
}2.2类选择器
.类名{
属性1:属性值1;
属性2:属性值2;
...
}//在引用时利用clss="类名",可以细分到每个标签
注意：不要使用纯数字、中文等命名，尽量使用英文字母来表示
2.3 id选择器
#id名{
属性1:属性值1;
属性2:属性值2;
...
}//引用时利用id="id名"id选择器和类选择器区别
1、 与类选择器不同，在一个HTML文档中，ID选择器只能使用一次
2、可以使用类选择器词列表方法为一个元素同时设置多个样式，即类选择器可以使用多次
3、类选择器在修改样式中用的最多，id选择器一般用于页面唯一性的元素上，经常搭配JavaScript
3、CSS实现方法
3.1、外部样式
需引入文件，再引用
<head>
<link href="**.css"/>
</head>
<body>
<div class="...">
</div>
</body>3.2 内部样式
将类写入style标签中，直接引用，无需在引入文件
<style>
.类名{
属性1:属性值1;
属性2:属性值2;
...
}
</style>
<body>
<div class="类名">
</div>
</body>3.3内联样式
在元素标签中内部的style属性中设定css样式
<div style="color:red;">****</div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
