HTML-CSS的使用

来源：互联网发布：php大转盘抽奖源码编辑：程序博客网时间：2024/06/05 09:19

CSS是在HTML4开始使用的，它的作用是更好的渲染HTML元素。

CSS添加到HTML的方式有三种：

---内联样式：在HTML元素中使用style属性

---内部样式表：在HTML文档头部<head>区域使用<style>元素来包含CSS

---外部引用：使用外部CSS文件（最好的方式）

1.内联样式

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>内联样式的css的使用</title></head><body><h1 style="color: red;">一级大标题（红色）</h1><h2 style="background-color: blue">二级标题（蓝色背景）</h2><p style="background-color: green">这是一个段落（绿色背景）</p><p style="font-family:Verdana;">这是设置为Verdana字体的段落</p><p style="font-family: Apple Symbols;color:red;font-size:20px;">这是设置为Apple Symbols字体、红色、20px字体的段落</p><p style="text-align: center;">这是设置文字居中对齐方式的段落</p></body></html>

2.外部样式表

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>CSS的练习使用</title>    <style type="text/css">        body {            background-color: yellow;        }        h1 {            color: red;        }        p {            color: blue;        }    </style></head><body><h1>css的练习使用</h1><p>第一个段落</p><p>第二个段落</p></body></html>

3.外部样式表

通过link元素定义资源引用地址

<head>    <link rel="stylesheet" type="text/css" href="mystyle.css"></head>

阅读全文

0 0