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://cdkjz.cn/article/phjjgs.html
