CSS在元素属性中引入

---------------------------CSS在元素属性中引入-------------------------

CSS概述

       CSS(Cascading Style Sheets)是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。

单纯使用html的属性来控制页面样式不方便

<p align="center"><font color="#00ff33">www.rlteach.com</font></p>  

<p align="center"><font color="#00ff33">任亮</font></p>

<p align="center"><font color="#00ff33">大家好,我们开始学习css</font></p>

----------------------------------------------------------------------------------------

在HTML元素属性中引入

在html标签中使用style属性:

属性值是键值对形式的集合,每一个键值对之间的用:连接,多个属性值之间用;隔开。

代码示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

        <!--

           通过alt+/来提示html的属性和css样式属性和样式值

           text-align:元素内的水平布局

           color:内容的颜色

         -->

        <p style="text-align: center;color: red;">www.likunpeng.com</p>

        <p style="text-align: center;color: red;">李昆鹏</P>

        <p style="text-align: center;color: red;">大家好,我们开始学习CSS</P>

</body>

</html>


猜你喜欢

转载自blog.csdn.net/weixin_41547486/article/details/80278169