你好，HTML5主要是放网页代码和结构的，CSS主要是用来给网页内容（文字、图片）排版、添加样式以及制作简单动画的，简单来说就是美化页面，或者说就是让用户觉得更好看，于是运用HTML5+CSS 组合起来的技术，就能达到这种效果。下面我给你举例说明吧：
创新互联建站专业为企业提供新丰网站建设、新丰做网站、新丰网站设计、新丰网站制作等企业网站建设、网页设计与制作、新丰企业网站模板建站服务，10余年新丰做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
未添加样式： p我爱中国/p
然后假如我把“我爱中国”变成红色、字体大小为22px
有3种方法（第二、第三种方法都要使用标签选择器）：
行内样式(直接在标签元素内部添加，属性之间用英文输入法下的分号隔开)：
div
p style="color:red;font-size:22px"我爱中国/p
/div
内部样式（在head标签内部添加style标签）：
head
style
div p{
color:red;
font-size:22px
}
/style
/head
外部样式（先新建一个 .css文件，然后在head标签内部用link/引入）：
先在.css文件写代码如下：
div p{
color:red;
font-size:22px
}
再将.css文件引入，假如你的文件你命名为index.css,那么代码如下：
head
link href="index.css" ref="stylesheep" type="text/css"/
/head
这样，三种方法达到的是同一种效果，只是第三种比较专业，实现了HTML代码和.css文件的完全分离，这样有几个好处：1.可以更容易被搜索引擎收录（这里涉及到SEO优化的知识）；2.网页代码量减少了，网页打开速度加快了，能提高用户体验；3.便于网页后期的修改和维护。
今天先给你讲这么多，希望采纳，谢谢
1、首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
2、我们编写一个html5的声明标签— !DOCTYPE html, 以使浏览器能认识到我们的文档是一个html5的文件，这样就可以快速的正确解读，以提高浏览的体验。
3、我们写一个title的标签，将网页的题目写入进去，让网页的标题显示为“引入外部css文件和外部js文件”。
4、我们用meta标签设置字符的编码格式为：UTF-8，以使浏览器能够正确的显示我们的网页。
5、我们写一个body标签，用来包含网页的主体部分。
6、我们写几个标签以便在外部css文件样式表中，为其设置样式。
7、我们新建一个css文件，把txt的文件后缀名改为css即可，之后打开就可以写入css代码了。
8、我们用标签选择器为p标签、div标签和span标签的内容设置样式。
9、我们使用,link标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。
10、我们鼠标右击在弹出的下拉菜单中，我们选择“在浏览器中打开”这一项。
11、我们看到我们编写的样式被应用到了标签中文字上，说明我们的css外部样式表文件引入成功。
不是软件
HTML是一种做网页的标签语言，CSS则是用来修饰HTML的语言，
HTML5是一种新的技术，其实就是HTML的升级版，但融入更多的js功能，加上现在的css3，在高版本的浏览器会做出很酷很炫的效果。
一般我们叫前端开发，网上搜HTML视频教程（先学HTML以后再转入html5），一大堆。
我的做前端开发的，希望可以帮到你
html5 css3样式图标制作方法：
1、html代码：
div id="boxes"
div id="boxShortcode"border-radius: 40px (shortcode)/div
div id="box1"border-top-right-radius: 40px (same on both axis)/div
div id="box2"border-top-right-radius: 20px 40px (x y) /div
div id="box3"border-top-right-radius: 40px 20px (x y) /div
/div
2、css样式代码：
#boxes div { margin-bottom: 20px; height: 50px; padding-left: 20px }
#boxShortcode {
background: cyan;
border-radius: 40px;
}
#box1 {
background: red;
border-top-right-radius: 40px;
}
#box2 {
background: yellow;
border-top-right-radius: 20px 40px;
}
#box3 {
background: lime;
border-top-right-radius: 40px 20px;
}
3、运行结果：
HTML5使用link引入外部css
head
link rel="stylesheet" type="text/css" href="style.css" /
/head
style.css/外部css文件名
