html textarea 每行都有一条粗线_HTML制作网页先熟悉CSS

制作各种各样的网页,为了更好地实现网页效果,需要为网页制作CSS样式表。如何使用 CSS 同时控制多重网页的样式和布局。

(1)编辑代码

打开记事本,编写代码,并保存为HTML格式文件。代码如下。

a33d2c9f52ac5d57f620649dfbca983d.png

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示。

1192180cb7077fe12b76d5f7236b5057.png

什么是 CSS?

1.CSS 指层叠样式表 (Cascading Style Sheets)

2.样式定义如何显示 HTML 元素

3.样式通常存储在样式表中

4.把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题

5.外部样式表可以极大提高工作效率

6.外部样式表通常存储在 CSS 文件中

7.多个样式定义可层叠为一个

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

87dc2d76447cfa5b3dfee246ea29e9cb.png

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

CSS声明总是以分号(;)结束,声明总以大括号({})括起来:代码如下

p{

font-family: "Times New Roman";

font-size: 20px;

}

为了让CSS可读性更强,你可以每行只描述一个属性。

CSS 注释

注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。

CSS注释以 "/*" 开始, 以 "*/" 结束, 实例如下:

a0063e487cc1597943b4647b58f5da1d.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供一个基本的 HTML 个人网页的模板,您可以在此基础上添加自己的信息和样式。以下是一个简单的示例: ```html <!DOCTYPE html> <html> <head> <title>我的个人网页</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>欢迎来到我的个人网页</h1> </header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我</a></li> <li><a href="#">我的作品</a></li> <li><a href="#">联系我</a></li> </ul> </nav> <main> <section> <h2>关于我</h2> <p>这里是一些关于我自己的介绍。</p> </section> <section> <h2>我的作品</h2> <ul> <li><a href="#">作品1</a></li> <li><a href="#">作品2</a></li> <li><a href="#">作品3</a></li> </ul> </section> <section> <h2>联系我</h2> <form> <label>姓名:</label> <input type="text" name="name"><br> <label>邮箱:</label> <input type="email" name="email"><br> <label>留言:</label> <textarea name="message"></textarea><br> <input type="submit" value="提交"> </form> </section> </main> <footer> <p>© 2021 我的个人网页</p> </footer> <script src="script.js"></script> </body> </html> ``` 在这个模板中,我们使用了 HTML5 的语法,包括头部信息、导航栏、主要内容和页脚。我们还将 CSS 样式表文件和 JavaScript 文件分别链接到了 HTML 文件中。您可以使用这个模板来创建您自己的个人网页,并在 style.css 文件中添加自己的样式,使用 JavaScript 文件来增强您的网页的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值