1、可以在css文件夹里写,然后html文件引入
2、写行内<div style="样式"></div>
3、写在html文件head内
<head><style>
div{
样式
}
</style>
</head>
div和span是html的标签,id是标签属性
div是用来为HTML文档内大块(block-level)的内容提供结构和背景的块级元素,可以把文档分割为独立的、不同的部分
用法举例:<div>这是div1</div><div>这是div2</div>
span是 内联元素,用作文本的容器,一般被用来组合文档中的行内元素
用法举例:<p>这个<span style="color:red">文字</span>需要用特殊颜色表示</p>
id作用是给元素独一无二的标识或标记,让流览器在分析处理网页时找到id所在的地方,通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式
用法举例:<div id="email"></div> <span id="password"></span>
实现的方法和详细的 *** 作步骤如下:
1、第一步,创建一个新的html文件,并将其命名为“test.html”,见下图,转到下面的步骤。
2、第二步,执行完上面的 *** 作之后,使用css初始化div,将其内部和外部边距设置为0,然后使div浮动到左侧,见下图,转到下面的步骤。
3、第三步,执行完上面的 *** 作之后,创建一个div并将其类属性源设置为“xx”,该属性用于在下面定义其css样式,见下图,转到下面的步骤。
4、第四步,执行完上面的 *** 作之后,使用CSS设置类名称为xx的div样式,将其宽度和高度设置为“300px”,并将背景色设置为“red”,见下图,转到下面的步骤。
5、第五步,执行完上面的 *** 作之后,创建另一个div并将其类名设置为“ss”,见下图,转到下面的步骤。
6、第六步,执行完上面的 *** 作之后,使用CSS设置名为“class ss”的div样式,将其高度和宽度设置为“100px”,将背景颜色设置为白色,将上边距设置为“100px”,将左边距设置为“100px”,见下图。这样,就解决了这个问题了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)