响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年web网页制作(实用3篇)

web网页制作 第1篇

我是一个段落

当鼠标没接触到

标签时:                     鼠标移入时:

        opacity 属性设置标签的不透明级别 值为1。

         规定不透明度:从 (完全透明)到 (完全不透明)。

        语法:opacity:;        冒号后面填写0-1之间的数字即可

● 什么是块级标签?

        块级标签:无论内容多少 都会独自占据一行的。

        例如

● 什么是行级标签?

        行级标签:只占自身大小的标签,不会占一行。

        例如

● 什么是行级块标签?

        例如 等

那么我们能否对不同级别标签进行转换呢?答案是肯定的!

通过display样式可以修改标签的类型。 可选值:         block :设置标签为块标签         inline :设置标签为行级标签         inline-block :设置标签为行级块标签         none :隐藏标签(标签将在页面中完全消失)

我是一个段落

没进行display修改前:(可以清晰的观察到,独占一行)

进行修饰后:(只占自身大小)

web网页制作 第2篇

        要使用CSS对HTML页面中的标签实现一对一,一对多的控制,这就需要用到CSS选择器。

        语法:标签名{}        通过标签选择器可以选择页面中的所有指定标签

        语法:.class属性值{}        通过标签的class属性值选中一组标签

我是一个段落

我也是一个段落

 

        语法:#id属性值 {}        通过标签的id属性值选中唯一的一个标签

我是一个段落

我也是一个段落

 

        语法:*{}                可以用来选中页面中的所有的标签

我是一个段落

我也是一个段落

web网页制作 第3篇

        行内样式表,又有人称内联样式、行间样式、内嵌样式。是通过标签的style属性来设置元素

样式,其基本语法格式如下:

<标签名 style=_属性1:属性值1; 属性2:属性值2; 属性3:属性值3;_> 内容 标签名>

我是一个段落

        效果如下:

        内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义

我是一个段落

        其效果同上,这里需要注意:中的

标签修饰对

标签内容都有效

        外部样式表是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档中

(其中,href中填写引入的样式文件)

        

猜你喜欢