网页结构如下： 点击添加子节点后会自动在上图插入子节点，子节点结构与上图中ul的结构相同。
我们提供的服务有：成都网站设计、网站制作、微信公众号开发、网站优化、网站认证、清苑ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的清苑网站制作公司
把ul包含的li定义为一个类，在css样式用类选择器设置li的float属性为向左浮动，即为float：left；最好将无序列表前面的点去掉。即ul的list-style-type：none；这样设计出来的比较美观。
第一种方法是：用给ul添加display：inline；就可以实现li在一行内显示；第二种：把li定一个宽度 然后用float：left；或者是float：right；都行。
用ul和li做导航栏，使二级菜单横向 主要使用JS实现触发事件，CSS控制样式显示。
首先先打开我们的开发环境新建一个web项目。在html中引入css文件这里是html页面的代码div和ul。将所有标签的margin和padding初始为0然后将父级div的display设置为flexalign-items设置为center。
当设置它的属性值为column时，表示灵活的项目将垂直显示，正如一个列一样。justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式，当设置其属性值为center时，表示项目位于容器的中心。
用浏览器f12看到的div和ul中的空白处是ul的padding-left的值，所以就直接设置“padding：0；”或者“padding-left：0；”就行了。
使用css float并排显示 我们对div设置一个float浮动属性即可解决不并排显示，只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
如果不能确定那就别用ul li标签。因为li是需要float：left；才能在同一行显示的，用了这个属性在用text-align：center就不起作用了。
首先你要理解css命名规则 div class=a1ul/ul/div 如果你想定义这个ul的样式，可以直接ul 例如： ul {list-style-type： disc} 但是这样定义太广泛了，这个是让所有的ul行开始符都变成个点。
一：全局 定义：root{ //此处的root是固定的。--them-color：blue； //自定义属性时以--开头，告诉浏览器这是自定义的。
用CSS设置UL标签的列表符号，这个我们是不需要去设置的，因为ul默认就是标签符号的，如果你是使用了这个list-style：none；去掉了这个属性。
1、ul li主页/li li id=nav产品/li ！-- 选中这行的li元素 -- li联系我们/li/ulCSS中用ul#nav{}就选中ul列表中的第二个li。
2、CSS中定义样式：ul[title=one]{} ul[title=two]{} 用id 和class属性值也可以 除了第一种，第二种属于不常用的，还有很多不常用的选择器类别，你可以找资料了解下。
3、li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，.将圆点去掉，li{ list-style：none}，然后用color：#ff0000；设置字体的颜色，li./li这里的点就是红色的了。
4、在test.html文件内，编写标签，页面的css样式将写在该标签内。在css标签内，通过id来设置ul的列表样式，将list-style-type属性定义为circle，即定义列表符号为空心圆。在浏览器打开test.html文件，查看实现的效果。
5、无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 ul 标签。每个列表项始于 li。有序列表 同样，有序列表也是一列项目，列表项目使用数字进行标记。
