前端开发

2018-02-17HTML7-HTML样式

2018-02-17  本文已影响0人  可乐W

HTML样式(这里主要讲style属性)

1.改变HTML属性的两种方式

2.不赞成使用的标签和属性(被废弃(deprecated))

3.实例


style 属性用于改变 HTML 元素的样式。

1.改变HTML属性的两种方式:

1.style属性(使用 style 属性直接将样式添加到 HTML 元素,代码位置在<body>下的html元素后面)

代码 结果图

2.css样式表(间接地在独立的样式表中(CSS 文件)进行定义,代码位置在<head>下的<style>里)

结果图

2.不赞成使用的标签和属性

3.实例

   1.HTML 样式实例 - 背景颜色(background-color 属性为元素定义了背景颜色)

代码 结果图

2.HTML 样式实例 - 字体、颜色和尺寸(font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸)

font-size用数字加px,即20px。

代码 结果图

   3.HTML 样式实例 - 文本对齐(text-align 属性规定了元素中文本的水平对齐方式:)

      text-align:(可以设置为center,left,right,.....)

代码 结果图
上一篇 下一篇

猜你喜欢

热点阅读