<div id="nav">
<a>1</a>
<a>1</a>
<a>1</a>
<a>1</a>
</div>
/* 页面加载时，动态计算a应有的宽度 */
$("#nav>a").width(($("#nav").width())/($("#nav>a").size()))
你好，HTML5主要是放网页代码和结构的，CSS主要是用来给网页内容（文字、图片）排版、添加样式以及制作简单动画的，简单来说就是美化页面，或者说就是让用户觉得更好看，于是运用HTML5+CSS 组合起来的技术，就能达到这种效果。下面我给你举例说明吧：
未添加样式： <p>我爱中国</p>然后假如我把“我爱中国”变成红色、字体大小为22px
有3种方法（第二、第三种方法都要使用标签选择器）：
行内样式(直接在标签元素内部添加，属性之间用英文输入法下的分号隔开)：
<div>
<p style="color:redfont-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.便于网页后期的修改和维护。
今天先给你讲这么多，希望采纳，谢谢
