在网页制作中,HTML和CSS 是两个不可或缺的部分。HTML 主要用于建立网页的内容结构,而 CSS 则用于布局与样式的设计。在实际操作中,我们需要将两者进行连接,让网页达到理想的效果。下面就来看看
html <!DOCTYPE html> <html> <head> <title>链接示例</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <h1>此处是标题</h1> <p>这里是一段文字。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos ex, fugiat minus numquam quidem quod tempore tenetur.</p> </body> </html>
css /* 定义一个标题的样式 */ h1 { font-size: 36px; text-align: center; margin: 20px; color: #333; text-shadow: 2px 2px #888; } /* 为段落设置样式 */ p { font-size: 16px; line-height: 1.5; color: #666; padding: 10px; border: 2px solid #ccc; border-radius: 10px; margin: 20px; }
粉丝
0
关注
0
收藏
0