CSS语法-外链论坛 - Powered by Discuz! Archiver

论坛 › 湖北 › CSS语法

qzmjef 发表于 2024-6-30 11:14:15

CSS语法

<h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS的基本语法</h2>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.CSS<span style="color: black;">功效</span>是什么？</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1)实现了对网页的美化操作 2)实现了“内容”和“表现样式”相分离</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2.css的语法</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><span style="color: black;">选取</span>器</span><span style="color: black;">{</span>
   <span style="color: black;">属性名:1</span> <span style="color: black;">属性值1</span><span style="color: black;">;</span>
   <span style="color: black;">属性名:2</span> <span style="color: black;">属性值2</span><span style="color: black;">;</span>
   <span style="color: black;">属性名:3</span> <span style="color: black;">属性值3</span><span style="color: black;">;</span>
   <span style="color: black;">}</span>
   <span style="color: black;"><span style="color: black;">选取</span>器</span><span style="color: black;">：</span><span style="color: black;"><span style="color: black;">便是</span>选中HTML文档<span style="color: black;">必须</span>添加样式的标签</span><span style="color: black;">。</span>
   <span style="color: black;">大括号</span><span style="color: black;">：</span><span style="color: black;">在大括号中书写<span style="color: black;">必须</span>添加的CSS样式</span><span style="color: black;">。</span>
</div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">3.css的代码该放在哪里呢？？？</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><span style="color: black;">能够</span>放在style标签中</span><span style="color: black;">。</span> <span style="color: black;">style标签只能<span style="color: black;">做为</span>head标签的亲儿子</span><span style="color: black;">。</span></div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">4.例如：</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><</span><span style="color: black;">head</span><span style="color: black;">></span>
   <span style="color: black;"><</span><span style="color: black;">style</span><span style="color: black;">></span>
   <span style="color: black;">p</span><span style="color: black;">{</span>
   <span style="color: black;">/*设置文本的背景颜色*/</span>
   <span style="color: black;">bac<span style="color: black;">公斤</span>round-color</span><span style="color: black;">:</span> <span style="color: black;">green</span><span style="color: black;">;</span>
   <span style="color: black;">/*设置文本字体的<span style="color: black;">体积</span>*/</span>
   <span style="color: black;">font-size</span><span style="color: black;">:</span> <span style="color: black;">30</span><span style="color: black;">px</span><span style="color: black;">;</span>
   <span style="color: black;">/*设置文本居中*/</span>
   <span style="color: black;">text-align</span><span style="color: black;">:</span> <span style="color: black;">center</span><span style="color: black;">;</span>
   <span style="color: black;">}</span>
   <span style="color: black;"></</span><span style="color: black;">style</span><span style="color: black;">></span>
   <span style="color: black;"></</span><span style="color: black;">head</span><span style="color: black;">></span>
   <span style="color: black;"><</span><span style="color: black;">body</span><span style="color: black;">></span>
   <span style="color: black;"><</span><span style="color: black;">p</span><span style="color: black;">></span><span style="color: black;">我是一个编程学习者</span><span style="color: black;"></</span><span style="color: black;">p</span><span style="color: black;">></span>
   <span style="color: black;"></</span><span style="color: black;">body</span><span style="color: black;">></span>
   <span style="color: black;"></</span><span style="color: black;">html</span><span style="color: black;">></span>
</div>

4lqedz 发表于 2024-10-3 02:43:25

论坛外链网http://www.fok120.com/

1fy07h 发表于 2024-10-5 07:32:35

外链发布论坛学习网络优化SEO。

qzmjef 发表于 2024-10-9 11:04:46

网站建设seio论坛http://www.fok120.com/

4zhvml8 发表于 2024-10-27 23:35:16

论坛外链网http://www.fok120.com/

qzmjef 发表于 2024-11-10 23:45:23

真情实感，其含义为认真了、走心了的意思，是如今的饭圈常用语。

页: [1]

查看完整版本: CSS语法