DW中class怎样应用_IT百科

class标签分为三种用法

1.行内样式:<div style="background:#fff"></div>

样式优先级最高，但是不方便统一修改，单一性强

2.内联样式:

<style>

body{ padding-top:50pxfont-family:"微软雅黑"}

.carousel{ height:500pxbackground-color:#000margin-bottom:20px}

.carousel .item{ height:500pxbackground-color:#000}

.carousel img{width:100%}

.carousel .caption p{ margin-bottom:20pxfont-size:20pxline-height:1.8}

#summary-container .col-md-4{ text-align:center}

</style>

样式优先级仅次于行内样式，适合少量样式代码，如果样式过多，就不适合了。

3.外链样式:

这个是我们常用的，也是推荐使用的。外链样式表方便修改，样式代码和框架代码明确分开。也便于加载。

#myid{ color:#000000font-size:12px}

.myclass{ color:#FFFFFFfont-size:14px}

</style>

<body>

<div class="myclass">class样式</div>

</body>

说明：id优先级比class高，

id在同一个页面只认许用一次！

class在同一个页面可以用无数次！

1、在dw的body中创建div然后在div中添加

并且直接加入了class。

2、一般li都是多个成对出现，并且在li中添加想要显示的信息

项目1 项目2 项目3 项目4 项目5 。

3、现在要给外边的div加上边框，边框颜色，以及宽和高，更能明显的看出li的变化.myul{width:300pxheight:300pxborder:1pxsolid#000}。

4、给li加上样式，距离，颜色.myulul{width:300pxheight:300px}.myululli{width:300pxheight:15%color:#FF0000font-family:宋体font-size:14px}。

5、下掉每项文本前的圆点，是文本向左侧靠拢.myulul{width:290pxheight:300pxlist-style:nonepadding-left:10px}。

6、使项目都成为横排排列如网站栏目，调整样式中li的宽度，设置每项都向左浮动width:20%float:lefttext-align:center。

欢迎分享，转载请注明来源：内存溢出

DW中class怎样应用