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中填写引入的样式文件)