html基础-style样式

HTML 的 style 属性：

style 属性的作用：

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。
格式：<标签 style ="属性"></标签>

改变盒子大小边框字体颜色属性尺寸：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<div style="border: 1px solid #000;width: 200px;height: 200px;">

<p style="font-family: 'Courier New', Courier, monospace;font-size: 14px;color: #000; text-align: center;">style</p>

</div>

</body>

</html>

效果

设置背景颜色：

<div style="background: lightblue; margin: 10px auto;border: 1px solid #000;width: 200px;height: 200px;">

HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式：

<body>

</body>

、

应避免使用以下属性和标签：

属性	描述
bgcolor	定义背景颜色
align	定义文本对齐方式
color	定义颜色

标签	描述
<s>和<strike>	定义删除文本
<font>和<basefont>	定义html文本字体
<center></center>	定义居中
<u></u>	定义下划线

以上可以用样式代替！

是小白，有什么不足欢迎多多批评和补充！

html基础-style样式相关推荐

Openlayers Style 样式演示
Openlayers style样式演示 OpenLayers 教程 Openlayers style样式演示在线示例 OpenLayers 教程 Openlayers 对样式的控制是通过一个通用的 ...
23.Vue绑定style样式
目录 1.style样式对象写法 2.style样式数组写法 3.总结 22.Vue绑定class样式_爱米酱的博客-CSDN博客为了讲好class样式,我们这里提前准备了7个样式作为例子来讲解. b ...
几个比较冷门的prototype扩展方法：去掉html标签、去掉a标签、去掉style样式，以及判断是否为html代码的代码片段
/*去掉html标签(真正意义上去掉所有html标签包括内嵌的css样式)*/ String.prototype.stripHTML = function (isRemoveNewLine) {var ...
js改变style样式和css样式
js可实现用户对页面中的选择条件改变页面中的样式,页面样式可以通过style修饰,也可以通过css修饰,先来看一下js改变style样式,代码如下: [html] view plaincopy < ...
007_Vue style样式绑定
1. style样式绑定处理 1.1. 对象语法 <div v-bind:style="{width: '400px', height: '50px'}"></d ...
WebStorm取消默认style样式折叠
WebStorm取消默认style样式折叠: File--->Settings打开一个窗口 Edit--->CodeFolding 把HTML style attribute的前面的钩去掉 ...
swiper6.0改造 “翻页按钮”：自定义style样式和position - 案例篇
文章目录 swiper6.0改造 "翻页按钮":自定义style样式和position(含效果图.代码.使用手册) 需求场景 · 描述如下: 效果图 · gif 动画: 注意事项: ...
style样式包（HTML、CSS）
style样式包(CSS) * {margin: 0;padding: 0;text-decoration: none;} body{background-color: #f3f5f7;height: ...
1.1 css style 样式定义：行内 style 属性、单页＜style＞标签、多页＜style＞标签
1.1 style 样式定义:行内 style 属性.单页 <style> 标签.多页 <style> 标签文章目录 1.1 style 样式定义:行内 style 属性.单 ...

html基础-style样式

HTML 的 style 属性：

HTML 样式实例 - 文本对齐

html基础-style样式相关推荐

最新文章

热门文章