list style（代码“list-style: none”在网页设计里是什么意思）

本文目录

• 代码“list-style: none”在网页设计里是什么意思
• CSS样式表里面的 list-style
• css中标签的属性list-style和list-style-type这个两个有什么不同
• css的list-style显示不了
• 请问css中 list-style:none;和 list-style-type:none;区别是
• css属性list style属于复合属性它可以拆分哪些独立的css属性
• 网页list-style小问

代码“list-style: none”在网页设计里是什么意思

设置列表标记的，默认会是实心圆点，设成none就是没有标记，该属性是一个简写属性，涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素，所以在普通的 HTML和XHTML 中只能用于 li 元素，不过实际上它可以应用到任何元素，并由 list-item 元素继承。

list-style:none中文是：列表样式：无。

none：没有
[英][nʌn][美][nʌn]
pron.没有人，没有一人; 没有一个; 没有一部分，没有一点;
adv.根本不; 无法，绝不;
易混淆单词：NoneNONE。

list-style：列表样式。

CSS样式表里面的 list-style

在UL 里写了 list-style:none 之后,ul的子元素li会继承这个属性，所以就不用在li里再写了。实际上list-style:none就是对li起作用的

css中标签的属性list-style和list-style-type这个两个有什么不同

这两个CSS属性产生的效果是一样的！

list-style是对列表标签的缩写，而list-style-type是其中的一个属性，而list-style一共可以包含三个值，即:

list-style:type

list-style-position

list-style-image  

list-style-type：设置列表项标记的类型。默认为disc。

list-style-position：设置在何处放置列表项标记。值为outside、inside。默认为outside。

list-style-image：使用图像来替换列表项的标记。

如今，我们通常都是使用的list-style-type就可以了，他的主要功能还是设置列表的小圆点的样式，或者取消小圆点的！

css的list-style显示不了

　　可能原因：

1. 应用了list-style-position: outside; 属性造成的。

2. 另外应用float:left;属性也会造成LI元素不正常。

　　解决办法：把list-style-position:outside;改成list-style-position: inside;或去掉浮动设置。

请问css中 list-style:none;和 list-style-type:none;区别是

list-style:none 《ul》《li》 设置列表标记默认会是实心圆点，设成none就是没有标记列表格式有好几种。list-style-type设置列表的格式为none也就是没有格式。操作方法如下：

1、首先新建一个html文件，命名为test.html。

2、在test.html文件内，使用ul、li标签创建一个列表，分别为测试一，测试二，测试三。

3、在test.html文件内，给ul标签添加一个class属性，用于样式的设置。

4、在test.html文件内，编写《style type=“text/css“》《/style》标签，页面的css样式将写在该标签内。

5、在css标签内，通过class来设置ul的样式，将list-style属性设置为none，便可以实现取消掉li前面的点。

6、最后在浏览器打开test.html文件，查看实现的效果。

css属性list style属于复合属性它可以拆分哪些独立的css属性

好像是可以拆分为以下三个:

list-style-type，这个是设置一下那个东西可以是圈也可以是小方块什么的。

list-style-position，这个是设置一下标注的位置。

list-style-image这个是可以用图片替换掉list-style-type。

好像都是可选的，但至少要写一个。

网页list-style小问

1,一个表格可以分两列，或者div+css不行吗？如果非要两个表格
参考方法：《div》《li style=“list-style:none;margin:0 ;width:50%“ 》《table》……《/table》《/li 》《li》《table》……《/table》《/li》《/div》

2、那些框基本都是表格，或者DIV+CSS做的，所以不一定是表格。如果是DIV+CSS，那么可以在CSS里一次性设置大小以及背景。方法很简单
3、CSS+DIV，最好的布局方式是先总体后局部，好比先做树干，后做树枝一样。
4、学这个东西，还是先弄烂熟HTML语法。越基本越好。
==============================================
1、如果你用表格，可以直接拖拽表格的宽度
2、如果你用div+css,可以直接在style=““的引号里加上margin-left:10;和border-left:solid 1 #000000这样的语句来控制显示的效果，需要说的是：margin-left是说元素相对左边的空隙，10表示10个PX；而border-left表示，左边的边框显示形式，其中#000000是边框的颜色，可以替换；不难理解,有XXX-left这样的语句，那么也有XXX-top,xxx-buttom,xxx-right等属性，其作用依次类推；
3、希望对你的学习有用处。《

float 是个很危险的东西
得小心使用
本来有一很好的关于CSS+DIV的论坛
不过现在关门了
甚是可惜了
给段比较好的讲布局的东西给你看看吧
反正我看了是受益非浅，希望你能参悟

由于是要让站工自已定制，所以开放了HTML以及CSS、JS等代码。但默认的CSS是CSS是不能改的。 在写这个CSS时，我尽量用最少的标签，这样很站对CSS不是很熟的站长也可以定制。另外布局时和写CSS时，总的思想的就是从大的到小，从小到细。 这个布局和CSS是一次写成的，没有更改过，所以有一些地主还是可以优化的，这样的代码也不是最优的。但是，这样的布局的CSS是可以让站长定义成各式各样的。一会我给大家看一些例子。 以下是这个CSS的解析，很合适于初学者看。
程序代码
@charset “utf-8“;
/*定义全局,在这定义了全局中的标签*/
* {margin:0px;padding:0px;}
/* 在这里定义了全局的文字大小为12PX,行高180%;这样的行高看起来眼睛不会太累。 在这里，我把宋体放在了Verdana字体的后边，是为了中页面中的数字和英文能以英文字体显示，这样会漂亮一些；有些人不加宋体，但这样会有问题的，最起码我的测试结果是这样的。 另外，我加了背景色，是因为在某些操作系统下的某些浏览器中，如果要不加背景，那么他的背景就会是其它的色。 我在这里还定义了整体文字色。没有用黑色是为了让眼睛舒服一些； 最重要的一些为是加了textalign；这个是让BODY中的内容全是居中，与里边一个大的DIV块合用，就可以实在如果页面内容是定宽的，那么在IE和FIREFOX等浏览器中内容总在网页的中间，主要是为了解决IE和FIREFOX中的差别，这里把文字弄成居中，然后我们再在BODY中加一个大的DIV块，把这个DIV的块写成文字左对齐， */
body{ font-size:12px; line-height:1.8; font-family:Verdana, “宋体“, Arial,Sans; text-align:center; background:#FFF; color:#666;}
/* 这里定义了全局的文字链接样式，我用了简写的形式，样式是和客齐集主站是一样的 */
a:link,a:visited{color:#000099; text-decoration: underline;}
a:hover,a:active{color:#000;text-decoration: none;background-color: #FED762;}
/* 由于布局中将会用到很多的UL和LI，而UL和LI本身的样式并不好看，所以在这里我们去除列表小点以及边距等 */
ul,li{ list-style:none; margin:o;}
/* 这里定义图片的边模框为0，这里全局定义一下。后边有加边框的，另外再加，主要的思想还是从大到小。 */
img{ border:0;}
/* 这个是就包在BODY里的最大也是最外边的一个DIV块，有了就可以控制整个网页内容的宽度