发表于： 2019-05-15 22:20:02
2 811
今天完成的事情：
一、为html添加几个标签，并尝试为其添加css样式
html页面使用css有三种方式：
1、行内样式
行内样式是在HTML标签内部，通过style属性的值来庙宇CSS样式，格式如下：
<标签名 style="属性名1：值1；属性名2：值2；.....">
代码：
效果：
2、内部样式
内部样式是在head区域中，利用<style></style>标签书写CSS样式代码，格式如下：
<head>
<style type="text/css">
选择器｛
属性1：值1；
属性2：值2；
......
｝
</style>
</head>
其中，“选择器”可以是HTML的标签，也可是CSS的类。type=”text/css”用来定义文件的类型为样式表文本文件。
代码：
效果：
注：内部样式是可以被重复引用的，但是却不能跨页使用
3、外部样式
这是最常用的样式表。它是在页面的头部区域，使用标签链接一个外部的CSS文件来实现，代码格式如下：
<head>
<link href="css的文件名称.css" rel="stylesheet" type="text/css"/>
</head>
其中，rel=”stylesheet”是定义链接的文件和HTML之间的关系，href用于指定链接的CSS文件的路径。需要注意的是，这里的CSS文件是指扩展名为.css的文件，不是普通的html文件。
css文件代码：
html代码：
效果：
外部样式表可以实现CSS代码在多个页面之间跨页引用，有效地简化了代码，也让网站中的页面存在统一的风格，是最常用的CSS文档引用方法。
注：当以上三种样式对同一部分内容设置同一样式（有冲突时）采用就近原则。最常用的是外部样式
明天计划的事情：
查看学习资料--《盒子模型概念——盒子模型》
遇到的问题： 无
收获：
了解的css，学会使用css
返回列表
评论