700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > dw怎么把css代码和html代码分开 – CSS – 前端 css 弹出框居中

dw怎么把css代码和html代码分开 – CSS – 前端 css 弹出框居中

时间:2023-01-09 08:25:13

相关推荐

dw怎么把css代码和html代码分开 – CSS – 前端 css 弹出框居中

1/7新建一个html文件,命名为test.html,用于讲解怎么把css从html里分离出来。

2/7在test.html文件中,使用div标签创建一行文字,下面将在css文件中定义div的样式。

3/7在test.html文件中,给div设置class属性,例如,设置为mydiv。

4/7新建一个css文件,命名为test.css,用于编写div的样式。

5/7在test.css文件中,给类名为mydiv的div设置css样式,使用font-size定义div文字的大小为20px,使用color定义div的文字的颜色为红色。

6/7在test.html文件中,通过link标签引入外部的css文件,实现给页面中的div设置css样式 。

7/7在浏览器打开test.html文件,查看实现的效果。

总结:

1、创建一个test.html文件,在文件内,使用div创建一行文字,并设置其class属性为mydiv。

2、创建一个test.css文件,在文件内,对类名为mydiv的div设置样式。

3、在test.html文件中使用link标签导入test.css样式。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。