制作网页的属性面板有HTML选项和CSS选项，两个有什么区别？

html-css012

制作网页的属性面板有HTML选项和CSS选项，两个有什么区别？,第1张

两者区别在于：

1、HTML是由标志和属性组成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等；

2、一般统一在CSS中设置样式，你可以随便打开网站查看源码，基本上看不到HTML中有设置样式的；

3、html是用来写网页内容的，像网页上文字、图片内容等都是用html来写；

4、css是用来写样式表的，给html写的内容加上各种样式，使网页更美观。像文字的颜色，页面的布局，一些按钮边框的样式是用css来控制的；

5、html调用样式的时候分为三种类型：内联样式，内部样式，外部样式。

1）内联样式：就是写在html的标签上；

2）内部样式：就是写在heml的头部head中；

3）外部样式：就是写在外部，另外建一个css文件

这三种调用样式的权重值是：内联样式>内部样式>外部样式。

即：先文件加载的时候先调用内联样式，如果没有内联样式其次才是内部样式，最后才是外部样式。

html如果有属性的话就称为内联样式。这样的话内联样式权限大于CSS中的样式

也就是HTML属性会被显示出来的CSS中相同属性所覆盖

授之于鱼 不如.....呵呵 上面的给你了代码 我来给你说下思路吧。这里最重要的是 css里的 display:none 这个的使用，当鼠标点中一个选项卡时，将自身的css中的display:none去掉 让其显示出来，让其他的选项卡中的css中添加display:none， 隐藏其他的选项卡。其实就是这个简单 ，具体的实现方法就是用js实现的。实现的方法有多种，上面给你的只是其中的一种。你可以去网上多搜些这方面的源代码，多多学习，希望你能编写出属于自己的代码~