甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
步骤如下：首先我用一个ul和两个li标签元素来再页面显示一下；接下来就开始让这两个li标签一左一右排列。
创新互联建站"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销，产品发布一步更新，电脑网络+移动网络一网打尽，满足企业的营销需求！创新互联建站具备承接各种类型的网站设计、网站建设项目的能力。经过10多年的努力的开拓，为不同行业的企事业单位提供了优质的服务，并获得了客户的一致好评。
首先先打开我们的开发环境 新建一个web项目。在html中引入css文件 这里是html页面的代码 div和ul。将所有标签的margin和padding初始为0 然后将父级div的display设置为flex align-items设置为center 。
用浏览器f12看到的div和ul中的空白处是ul的padding-left的值，所以就直接设置“padding：0；”或者“padding-left：0；”就行了。
1、在head标签中加载一个CSS文件示例 此例使用了link标签。
2、自定义CSS的三中方方式：行间样式表 行间样式表是指将CSS样式编码写在HTML标签中，格式如下 我的CSS样式。行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=之中。
3、CSS的定义是由三个部分构成 基本语法 CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。
4、CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
5、一般来说，CSS代码定义分为选择器名称和代码定义块，在CSS中，执行找到该目标元素的样式规则部分被称为选择器，选择器是css主要的东西。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
用CSS设置UL标签的列表符号，这个我们是不需要去设置的，因为ul默认就是标签符号的，如果你是使用了这个list-style：none；去掉了这个属性。
将li的height和line-height设置成为和设计稿一样的 将列表图标整体切出来，铺在ul上，不平铺 使用background-position控制ul背景和li中的文字对齐即可。。
新建一个html文件，命名为test.html，用于讲解怎样用CSS设置UL标签的列表符号。在test.html文件内，使用ul标签创建一个列表，分别为项目一，项目二，项目三。
ul和li列表是使用CSS布局页面时常用的元素。在CSS中，有专门控制列表表现的属性，常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。
list-style可以定义ul、ol中li的样式，将list-style设为disc即可，此值为默认值，如果没有继承关系，默认就会显示实心圆点。list-style用法如下：list-style 简写属性在一个声明中设置所有的列表属性。
第一种：当然是无序列表中的默认小圆点 第二种：是把小圆点改为小方块显示 第三种：是把小圆点改为空心圆显示 第四种：是把小圆点给去掉，这个应该是比较常用的。
1、ul是块元素，不管是块还是内联，能设置宽与高就是块元素，不能设置宽与高的是内联元素，不过他们可以转换。
2、css中的标签表示选择那个html内的标签元素来进行样式设置，比如html文档中有一个ul，还有几个li。
3、ul是列表就想你在word里面看到的列表一样，你自己写一个看看就知道了，li是他的子元素。一对li标记包含的就是一列了。典型的样子就是前面会有个小黑点。这个标记很有用哦。
4、在CSS语言中，div基本上是控制区块的位置，浮动，大小等。ul，li它是控制列表，a控制它的超链接。
在ul样式中设置文本居左对齐。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 标签大小不同，可以用自定义的背景图片代替标签样式。
CSS中定义样式：ul[title=one]{} ul[title=two]{} 用id 和class属性值也可以 除了第一种，第二种属于不常用的，还有很多不常用的选择器类别，你可以找资料了解下。
ul li主页/li li id=nav产品/li ！-- 选中这行的li元素 -- li联系我们/li/ulCSS中用ul#nav{}就选中ul列表中的第二个li。