html样式初理解

来源：互联网发布：招行信用卡网络盗刷编辑：程序博客网时间：2024/06/05 10:14

html提供了一种改变所有 HTML 元素的样式的通用方法，style样式属性。

html中改变样式的方法有两种，一种是在html中修改，另一种是通过css样式间接地修改。这两种的效果一样。

这里做为初学者的我只简单记录一下两种方式的用法。

第一种的两种小的写法：

可直接将style写在要修改的标签中又叫行样式表如下：

<p style="background-color: #c81623;font-size: 30px;color: blue">大家好才是真的好</p>

该样式改变了p标签的背景色和字体的大小以及字体的颜色。

也可将style写在head标签中又叫嵌入式样式表如下：

<html lang="en"><head>    <style type="text/css">        .p1{            background-color: #c81623;            font-size: 30px;            color: blue;        }    </style></head><body><p class="p1">大家好才是真的好</p></body></html>

必需的 type 属性规定样式表的 MIME 类型，值 "text/css" 指示内容是标准的 CSS。目前，唯一可能的值是 "text/css"。

.p1指对应的class="p1",即p标签，{}里的内容既是p标签的样式定义。

第二种css写法：又叫引入式样式表

html中的写法如下：

创建p1.css文件，内容如下

.p1{  background-color: #c81623;  font-size: 30px;  color: blue;}

html中引用css样式

<html lang="en"><head>    <link href="p1.css" type="text/css" rel="stylesheet" charset="utf-8"/></head><body><p class="p1">大家好才是真的好</p></body></html>

其中 p1.css即创建的css样式文件 type和rel都要固定写，后面的charset为编码格式。

阅读全文

0 0