标签内style属性设置CSS

2019-07-03 22:11:44 HTML元素标签均可以设置style属性来设置对应标签的CSS样式。style结构是怎么样的,如何用style属性直接写CSS。

HTML元素标签均可以设置style属性来设置对应标签的CSS样式。style结构是怎么样的,如何用style属性直接写CSS。

<div style="background:#fff; width:450px; margin:0 auto; padding:10px; border:4px #C1EAFD solid;">
<h1 style="color:#fff; background:#8AB8F4;">设置h1元素的背景、颜色等样式</h1>
<p style="color:#369; ">设置p元素的字体颜色等样式</p>
<h2 style="color:#fff; background:#8AB8F4;">设置h2元素的背景、内容颜色等样式</h2>
<p style="color:#369; ">设置p元素的字体颜色等样式</p> </div>

第一行div内使用style 设置div内容块的背景、尺寸、位置等css样式

每个样式表都是由一系列的规则组成

每个规则都由选择器和声明块组成。声明块由一个或多个声明组成,每个声明就是一个CSS属性与该属性的值的组合。

html标签内使用style设置可以直接使用css样式,设置对应想要样式效果。

更新