HTML样式,style属性

HTML样式

HTML的样式是什么呢?通俗来看,HTML的样式就是对网页进行排版设计,就是对网页的内容进行布局,这一块是什么,那一块是什么,这个地方是什么颜色,那个地方要不要添加个分割线等等。

为HTML添加样式中最基础的方法是在元素标签内添加“style”属性;这种方法虽然便于超链接文本的阅读,却法不利于网页的维护,比如很多一个网页中的p标签的样式是一样的,而如果要修改的话,就需要修改所有p标签内的style属性。这种设计样式的方法一般可以用在前端的开发阶段。

HTML添加样式的另外两种方法分别是引入css文件和嵌入<style>标签,这里先介绍style,另外两种方式会在介绍css的时候进行详细地介绍。


HTML的style属性

HTML的style属性有很多,要不然就不用专门设计一门css语言了,对不,所以,这里一时半会也介绍不了那么多,所以这里暂且结合实例简单介绍元素的style属性,实例代码如下:

style属性实例代码

<html>
<body>
<p id='ap' style="color:green;font-size:15px;">笨鸟工具-璞玉天成,大器晚成!</p>
<!--可以修改style中的font-size来改变字符的大小,也可以通过color来修改文字的颜色,比如green-->
</body>
</html>

代码解析

如上代码,<--和-->为HTML的注释符号,里面的内容不会被浏览器渲染,其作用一般供程序员做笔记和阅读使用。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.