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

html-css027

制作网页的属性面板有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中相同属性所覆盖

form表单提交数据的几个注意事项:

1.所有获取用户输入的标签都必须在form表单里面

2.action控制着往哪儿提交

3.input\select\textarea 都需要有name属性

4.提交按钮<input type="submit">

input 系列的type属性

text 文本框

password 密码框

radio 单选框

checkbox 复选框

date 日期

file 文件(可以上传图片)

button 普通按钮,多用JS给它绑定事件

reset 重置按钮

submit 提交按钮

textarea 大段文本

首先CSS(级联样式表)一般来讲分3种:

外联样式表:CSS样式单独写在一个CSS文件中,HTML页面使用<link>标签引入这个文件;

内联样式表:CSS样式写在HTML页面的<head>标签内;

内嵌样式表:CSS样式直接写在HTML标签的style属性里。

然后说下在DW里怎样使用它们(以下以DW CS6版本为例,其他版本大同小异):

在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。

如果是外联样式表,在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面(注意要拖放到<head>标签内)。

在DW的CSS样式面板中可以方便的管理CSS样式,可新增、删除、修改标签的样式。

如需要为某个元素(例如一段文字)应用某个样式,可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。