美文网首页前端开发
2018-02-17HTML7-HTML样式

2018-02-17HTML7-HTML样式

作者: 可乐W | 来源:发表于2018-02-17 20:19 被阅读0次

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,.....)

代码 结果图

相关文章

  • 2018-02-17HTML7-HTML样式

    HTML样式(这里主要讲style属性) 1.改变HTML属性的两种方式 2.不赞成使用的标签和属性(被废弃(de...

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • CSS哪些样式属性可以继承

    不可继承的样式 可继承的样式 所有元素可继承: 内联样式: 块状样式: 列表样式: 表格样式:

  • iOS 改变字符串中所有指定字符串的颜色

    样式 代码 样式 代码 样式

  • CSS修饰

    1. 内部样式 2. 内联样式 3. 引用外部样式 内部样式如下: 内联样式如下: 引用外部样式 优先级:内联样式...

  • React Native StryleSheet 实践总结

    1) 引入样式 2) 创建样式 3) 调用样式的几种方式 单个样式引用(对象) 多个样式引用(数组) 条件样式 ...

  • CSS样式的建立

    样式的建立:内部样式 外部样式 和内联样式 1、内部样式 : 语法: css语句 注:使用style标记创建样式时...

  • css基础1

    使用css的方式 使用css的方式有3种,样式的优先权为:行内样式>内部样式>外部样式行内样式内部样式外部样式 行...

  • 样式表

    样式表 在css中可以在三种位置设置样式:行间样式,内部样式和外部样式 行间样式:对单个标签进行设置样式(缺点:当...

  • css

    css:层叠样式展示,用于制作静态页面 css样式分为三大类:行间样式、内部样式、外部样式 行间样式:写在body...

网友评论

    本文标题:2018-02-17HTML7-HTML样式

    本文链接:https://www.haomeiwen.com/subject/hsomtftx.html