小蔡学Web:[12]class调用CSS样式
1、首先我们打开DW网页编辑器然后新建一个class.html文件。
![小蔡学Web:[12]class调用CSS样式](https://exp-picture.cdn.bcebos.com/3fe32442a07aa010b8debe8cbfbb19efa35f3e41.jpg)
3、在网页内部输入css样式如下:<style type="text/罕铞泱殳css">p{ font-size:12px; }p.left{ text-align:left; }/* 左对齐 */</style>
![小蔡学Web:[12]class调用CSS样式](https://exp-picture.cdn.bcebos.com/c33acc828689a146b95cbc4df4bd4c7c35b33441.jpg)
5、我们在写入一个<p>标签,然后来不调用.left样式是什么样子的。<p class="left">这个段落采用左对齐的方式,text-锾攒揉敫align:left<br/></p><p>这个段落采用右对齐的方式,text-align:right<br></p>调试如下图,但是我们从下图中没有明显看到不同,所以再写个css样式做区别。
![小蔡学Web:[12]class调用CSS样式](https://exp-picture.cdn.bcebos.com/32fbcd41037de137d19b7008f6c5cf672a5f2a41.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:74
阅读量:95
阅读量:77
阅读量:68
阅读量:48