十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、创建使用css样式表有三种,分别是外部样式表,内部样式表和内联样式。下面通过一个小demo演示它们的用法,首先新建一个html文件,放入3个button按钮,给前两个按钮分别设置class属性为btn1和btn2:
创新互联建站自2013年起,是专业互联网技术服务公司,拥有项目成都网站设计、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元张家界做网站,已为上家服务,为张家界各地企业和个人服务,联系电话:13518219792
2、接着准备一个css文件,命名为demo.css,在文件内写入按钮A的样式,保存css文件:
3、回到刚才的html文件,在style标签中用link标签引入上一步创建的css文件,这就是外联样式的用法,总结就是创建好的css文件内写好样式,然后在html文件中用link标签引入即可,这也是大部分网站使用的方法,因为其引入方便,管理起来也比较方便:
4、接着是内部样式表的使用,这里直接在head标签里创建style标签,在里面加入btn2的样式。对于内部样式表简单的html文件,内部样式是很方便的,但是结构复杂的html文件使用它就会让文件显得很混乱:
5、最后是内联样式的使用,直接在第三个标签内使用style属性加入样式就可以了:
6、最后保存html文件,打开浏览器可以看到三个按钮的样式都出现了。以上就是css样式表的制作方法:
这里是CSS样式---------
style
.jmb{ width:912px; background:#FFFFFF; border:1px solid #F1BCC4; border-left:none; border-bottom:none; height:auto; float:left; margin-top:5px;}
.jmb ul{ width:912px; color:#D45A57; border-bottom:1px solid #F1BCC4; float:left; line-height:32px;}
.jmb ul li{ width:113px; float:left; border-left:1px solid #F1BCC4; text-align:center;}
style/
这里是HTML---------
div class="jmb"
ul style="width:912px; font-weight:bold;"li放课程名字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/li/ul
ul style="width:912px;"li文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/li/ul
ul style="width:912px;"li文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/li/ul
ul style="width:912px;"li文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/li/ul
ul style="width:912px;"li文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/lili文字/li/ul
/div
才10分~~~~~~~~~~~~记得给我啊~~~~~~~!
新建一张CSS样式表,如:sytle.css
在css中设置相关标签的样式如:tr td{widht:xxpx; height:xxpx; border:1px solid red; background:yellow;}等等。
然后引用这个css样式表即可。希望能帮到你。