dw中class是什么东西(dreamweaver中对class属性的定义写在源代码中和写在css文件的区别)
1.dreamweaver中对class属性的定义写在源代码中和写在css文件的区别
便于以后管理 以后做页面要写一大堆的样式加标签代码 要是全放在head里面,看的都头晕。
还有一个网页有很多个页面 有些页面的样式都是一样的 放在关联的CSS样式文件里可以调用多个地方这样少写很多样式,提高效率,也方便修改。另外,css样式浏览器加载过一次后,第二次打开就不需要再进行加载,可以对网页打开速度进行提升。
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是美国MACROMEDIA公司(2005年被Adobe公司收购)开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2.DW中class怎样应用
class标签分为三种用法
1.行内样式:<div style="background:#fff;"></div>
样式优先级最高,但是不方便统一修改,单一性强
2.内联样式:
<style>
body{ padding-top:50px; font-family:"微软雅黑";}
.carousel{ height:500px; background-color:#000; margin-bottom:20px;}
.carousel .item{ height:500px; background-color:#000;}
.carousel img{width:100%;}
.carousel .caption p{ margin-bottom:20px; font-size:20px; line-height:1.8;}
#summary-container .col-md-4{ text-align:center;}
</style>
样式优先级仅次于行内样式,适合少量样式代码,如果样式过多,就不适合了。
3.外链样式:
<link rel="stylesheet" href="/bootstrap/3.1.1/css/bootstrap.min.css">
这个是我们常用的,也是推荐使用的。外链样式表方便修改,样式代码和框架代码明确分开。也便于加载。
3.DW中class怎样应用
class标签分为三种用法 1.行内样式:样式优先级最高,但是不方便统一修改,单一性强2.内联样式:<style> body{ padding-top:50px; font-family:"微软雅黑";} .carousel{ height:500px; background-color:#000; margin-bottom:20px;} .carousel .item{ height:500px; background-color:#000;} .carousel img{width:100%;} .carousel .caption p{ margin-bottom:20px; font-size:20px; line-height:1.8;} #summary-container .col-md-4{ text-align:center;}</style>样式优先级仅次于行内样式,适合少量样式代码,如果样式过多,就不适合了。
3.外链样式:<link rel="stylesheet" href="/bootstrap/3.1.1/css/bootstrap.min.css">这个是我们常用的,也是推荐使用的。外链样式表方便修改,样式代码和框架代码明确分开。
也便于加载。
4.dreamweaver中对class属性的定义写在源代码中和写在css文件的区别
便于以后管理
以后做页面要写一大堆的样式加标签代码 要是全放在head里面,看的都头晕。
还有一个网页有很多个页面 有些页面的样式都是一样的
放在关联的CSS样式文件里可以调用多个地方
这样少写很多样式,提高效率,也方便修改。
另外,css样式浏览器加载过一次后,第二次打开就不需要再进行加载,可以对网页打开速度进行提升。
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是美国MACROMEDIA公司(2005年被Adobe公司收购)开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
转载请注明出处百科知道网 » dw中class是什么意思