html 和 css 入门

最新推荐文章于 2023-06-09 00:00:00 发布

驴大大

最新推荐文章于 2023-06-09 00:00:00 发布

阅读量215

点赞数

本文链接：https://blog.csdn.net/weixin_42097548/article/details/83720684

版权

html
	概述：html意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个标签组成，制作保存为一个扩展名为html或htm的文件
	html基本结构
		1. 第一行是文档声明
		2. 第二行"<html>" 标签和最后一行"<html>"定义html文档整体
		3. "<head>"标签和"<body>"标签是它的第一层子元素，“<head>”标签里面负责对网页进行一些设置以及定义标题，设置包括定义网页的编码格式，外链css样式文件和javascript文件等，设置的内容不会显示在网页上，标题的内容会显示在标题栏，“<body>”内编写网页上显示的内容。
	标签使用方法
		成对标签
			<h1>标题标签</h1>
			<p>段落标签</p>
		单个标签
			<br/>    （换行）
			<input type='text'/>  (输入框）
		属性标签
			例如：<img src="images/pic.jpg" alt="图片">
			例如：<a href="http://www.baidu.com">百度网</a>
		标签嵌套
			例如：<p>
<img src="images/pic.jpg" alt="图片">
<a href="http://www.baidu.com">百度网</a>

常用块元素标签 1.标题标签

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

2. 段落标签

要输入的内容

（段落标签还具有默认的外边距） 3. 通用块容器标签

要输入的内容

常用内联元素标签 1. 超链接标签例如：第二个网页默认链接 2. 通用内联标签要输入的内容 3. 图片标签例如：

html实体字符 “<” 和 “>” 的字符实体为 < 和 > 在段落前想缩进两个文字的空格，使用空格的字符实体： css 概述：让网页内容和样式拆分开来，意思是层叠样式表 css定义方法：选择器{属性：值；属性：值；属性：值；} css引入方式 1.内联式: 通过style属性，在标签上直接写样式

......

2. 嵌入式：通过style标签，在网页上创建嵌入的样式表 3. 外链式：通过link标签，链接外部样式文件到页面中 css选择器 1. 标签选择器 div{color:red} ......

这是第一个div

这是第二个div

2. 类选择器 .blue{color:blue} .big{font-size:20px} .box{width:100px;height:100px;background:gold} ......

....

3. 层级选择器 .con{width:300px;height:80px;background:green} .con span{color:red} .con .pink{color:pink} .con .gold{color:gold} ......

.... .... ...

.... .... css属性 width：设置标签宽度 height：设置标签高度 background：设置元素背景色或背景图片