HTML里的CSS样式设置了类选择器样式为什么只有下面第一个div，起作用了？

问题出在你错用了p！！！

通河网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联公司2013年至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

p的作用并不是仅仅换行，它是一个区块来的，即使你只用了p，最终浏览器也会自动按p.../p来处理的！因此：

input type="text" id="text1" name="text" class=""div class="font"nbsp;nbsp;nbsp;lt;lt;lt;请输入第一位非零的六位订单号/div

p

label for="text2"客户电话：/label

input type="text" id="text2" name="text"div class="font"nbsp;nbsp;nbsp;lt;lt;lt;请输入不能超过12个汉字的/div

就相当于

input type="text" id="text1" name="text" class=""div class="font"nbsp;nbsp;nbsp;lt;lt;lt;请输入第一位非零的六位订单号/div

p

label for="text2"客户电话：/label

input type="text" id="text2" name="text"div class="font"nbsp;nbsp;nbsp;lt;lt;lt;请输入不能超过12个汉字的/div

/p  浏览器会自动添加这个！

但是，有一点很特殊的是，p.../p里面是不能包含div.../div的！它会自动跳到p的外面，所以实际上就变成：

input type="text" id="text1" name="text" class=""div class="font"nbsp;nbsp;nbsp;lt;lt;lt;请输入第一位非零的六位订单号/div

p

label for="text2"客户电话：/label

input type="text" id="text2" name="text"

/p

div class="font"nbsp;nbsp;nbsp;lt;lt;lt;请输入不能超过12个汉字的/div

这样的话，这个div里面的内容就会自动换行了，这跟它是否inline是无关的，因为换行是由p造成的

而第一个div因为没有被包含到p里面，所以它不受影响，不会换行。

解决的办法很简单，只要把所有p换成br就行了！！！

总结：不要乱用p，用的时候要成对来用，一定要把它当作类似div的区块来用，但要注意div里面可以包含p，但p里面不能包含div！如果是仅仅需要换行，就用br吧！

用htmlcss写像我们平时点外卖时收到的订单小条。火狐浏览器下打印，打印出来字体小。其他浏览器显示正常

这个应该不是兼容问题，在打印的选项里看下，是不是使用了缩放之类的功能，或者在浏览器的选项里查看有没有自己定义字体大小之类。

京东的订单进度条用css怎么做的

一般每个过程数据库中都有记录，有记录的话就判断，再改变样式

CSS样式制作导航条的步骤

一、定义一个盒子（“menu”）,用来装这个导航的。

二、用无序列表（ul）中的列（li）放导航的内容。

三、把li的浮动（float）设置为向左浮动（float：left；），这样，就实现了水平导航条了。

四、在做其他的一些修饰。（下面我给我弄的一个简单的导航条给你理解）

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

style type="text/css"

#menu{

width:500px;

margin:0 auto; /*令盒子居中*/

font-size:20px; /*定义字体的大小*/

}

ul{

margin:0; padding:0; /*把浏览器默认的间隔去掉*/

list-style:none; /*把前面的序列号去掉*/

}

li{

float:left; /*向左浮动，这个是实现水平的重要步骤！！*/

padding:0 15px; /*li里面的字体和边框的距离*/

}

a{

text-decoration:none; /*去掉超链接的下划线*/

color:#333; /*超链接的字体颜色*/

}

a:hover{

color:#696;

}

/style

/head

body

div id="menu"

ul

lia href="#"菜单1/a/li

lia href="#"菜单1/a/li

lia href="#"菜单1/a/li

lia href="#"菜单1/a/li

/ul

/div

/body

/html

用html+css+js制作一个订单列表页面

我给你个思路，你要列出订单就应该先在后台处理好数据，将所有的订单都查询出来，放在集合里面，并且将这个集合对象传进前台，在前台接收这个集合后循环遍历它，这样就得到所有订单的所有东西了

css样式表问题

一楼做的是图中横向的一段；我来补充一下纵向的吧；

完整版代码：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""

html xmlns="" xml:lang="zh" lang="zh"

head

link type="text/css" rel="stylesheet" href="1.css"/

style type="text/css"

!--

body,div,h3,ul,li{

margin:0;

padding:0;

}

/*body{

padding-left:15px;

}*/

h3{

padding:14px 0;

font-size:16px;

}

.p-body{

padding-left:50px;

background-color:#F5F5F5;

border:1px solid #E7E7E7;

}

ul{

padding-left:11px;

font-size:11px;

}

ul li{

padding:2px 0;

}

ul li a{

color:#000;

text-decoration:none;

}

--

/style

style type="text/css"

!--

body,div,h3,ul,li{

margin:0;

padding:0;

}

h3{

padding:14px 12px;

font-size:14px;

}

.p-body{

padding-left:50px;

background-color:#F5F5F5;

border:1px solid #E7E7E7;

overflow:hidden;

width:960px;

}

ul{

padding-left:11px;

font-size:12px;

}

ul li{

padding:2px 0;

list-style:none;

}

ul li a{

color:#000;

text-decoration:none;

}

.help-items{

padding:0 60px;

}

--

/style

/head

body

div class="p-body"

div class="fcnt"

div class="adv"

div class="g-p-ib help-items first-item"

h3

信誉

/h3

ul

li

a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"

· 关于我们 /a /li

li

a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"

· 信誉保证 /a /li

li

a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"

· 退换货保障 /a /li

/ul

/div

div class="g-p-ib help-items"

h3

定制

/h3

ul

li

a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"

· 如何定制 /a /li

li

a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"

· 如何付款 /a /li

li

a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"

· 优惠券获取与使用 /a /li

li

a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"

· 如何修改订单 /a /li

/ul

/div

div class="g-p-ib help-items"

h3

客服

/h3

ul

li

span style=" line-height:28px;"24小时客服热线：/span

br /

strong

020-85106780 /strong /li

li·

a class="g-icn-dot-sqa g-t-a33" target="_blank" href=""

QQ在线客服 /a /li

li

a class="g-icn-dot-sqa g-t-a33" target="_blank" href="/"

· 在线反馈 /a /li

/ul

/div

/div

/div

br

/div

/body

/html

当前名称：订单css样式,css设置表单样式
当前路径：http://scgulin.cn/article/phjjgs.html