在 HTML 中,可以用 <!-- 注释内容 -->来注释代码。在 CSS 中,可以使用 /* 注释内容 */ 来注释代码。
HTML 注释的作用是对代码进行说明,可以在代码中添加一些备注或者暂时注释掉一些不需要的代码。CSS 注释的作用也类似,可以对代码进行说明,或者暂时注释掉一些样式。注释内容不会在页面中显示,只会在代码中看到。
第一步:我们需要准备一个图像
作为一个例子,我想在深色背景的背景上放置白色文字。
第二步:将图像和字母放在一个div元素中
将图像和字母放在一个div标签中。在示例中,将文字“万里长城”放在p标记中。当然您可以使用标题标签而不是p标签,也可以使用span标签。
1
2
3
4
<div class = "example" >
<img src="image/greatwall.jpg">
<p>万里长城</p>
</div>
第三步:指定position属性
为每个元素设置css的position属性。
对作为父元素的div指定为position:relative,以及对包含该字符串的p标签设置为absolute。img标签不动。
把p标签的位置设置为top:0left:0。
为了把图像放在横向上,请指定为img标签的宽度为width : 100%。
1
2
3
4
5
6
7
8
9
10
11
12
.example{/*父元素div*/
position: relative/*相対定位*/
}
.example p {
position: absolute/*绝対定位*/
color: white/*文字设为白色*/
top: 0
left: 0
}
.example img {
width: 100%
}
1、当我们不导入外部CSS样式表时,我们通常用html编写样式,两种方式使我们共同,第一种为下图。
2、第二种写作方式:
<HEAD>
<meta http-equiv =“Content-Type”content =“text / htmlcharset = utf-8”/>
<title>时间元素</ title>
<风格>
。所有{
身高:300像素
宽度:500像素
背景:#999}
</样式>
</ HEAD>
<BODY>
<div class =“all”></ div>
</ BODY>
3、链接外部CSS样式,现在创建一个css样式表文件。
4、这里鼠标右键单击选择将链接存储在css文件夹中。
5、在html文件中写下链接代码,代码如下:<link rel =“stylesheet”type =“text / css”href =“css / index.css”/>。
6、之后,您可以看到HTML文件的源代码并查看我们连接的css文件。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)