也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

大家好，我将花大约七个小时的时间和大家一起开始HTML+CSS网页设计。 事实上，添加所有系列大约需要一个小时。 剩下的时间就是你准备考试和练习写代码了。 俗话说得好，七小时入门，成神靠个人。 所以我希望大家学习之后一定要多练习，多练习，多练习。

本文主要内容是向您介绍HTML+CSS的基础知识以及开发工具的推荐

HTML 是什么：

html是一种描述网页的标记语言（记住，不是编程语言），我们用浏览器打开的网页都是用html来编写的。它的组成部分是由一对尖括号包围，如：、等，通常是成对出现，有开头就有结束，结束用斜线区分，如：内容等。

html是一种用于描述网页的标记语言

CSS 是什么：

CSS用来控制html网页的样式和布局，比如网页的颜色、大小、轮廓等html改变字体样式，写法也很简单。

css用于控制html网页的样式和布局

那么html和css之间有哪些交互呢？ 说白了，html就像一座毛坯房，只有房子的基本框架，而css就像房子装修。 相同的html结构可以用不同的css来设计各种网页风格。

html+css渲染

开发工具：

这里我向大家推荐notepad++。 它操作简单且免费。 非常适合初学者。 您可以选择谷歌浏览器或360安全浏览器作为您的浏览器。 我将使用Google Chrome给您演示。

记事本++

接下来我把常用的HTML+CSS标签贴给大家html改变字体样式，不用死记硬背，以后可以多加练习：

这是一个标题
 
这是一段文字
 
今日头条 
 
 

列表1
列表1



姓名
年龄


小张
小明


6岁
8岁







/*CSS标签*/
width: 100px; /*宽度*/
height: 100px; /*高度*/
line-height: 100px; /*行高*/
padding: 0px 0px 0px 0px; /*内边距*/
margin: 0px 0px 0px 0px; /*外边距*/
float: left; /*左浮动*/
float: right; /*右浮动*/
color: #000; /*字体颜色*/
background: #fff; /*背景颜色*/
font-size: 18px; /*字体大小*/
font-weight: 700; /*字体粗细*/
text-align: center; /*居中*/
a:hover {color: #FFF;} /*鼠标浮动字体变色*/
border-radius: 6px; /*边角大小*/
border: 1px solid #CDCDCD; /*全边框*/

下一篇文章我将为大家详细介绍如何使用，感谢您的观看！ ！ ！