CSS美化网页

最新推荐文章于 2024-05-14 11:32:42 发布

dream_Felix

最新推荐文章于 2024-05-14 11:32:42 发布

阅读量4.8k

点赞数 2

文章标签： java 学习

本文链接：https://blog.csdn.net/yalu_123456/article/details/92801177

版权

CSS美化网页

为什么使用CSS

有效的传递页面信息
使用CSS美化过的页面文本，漂亮，美观，可以吸引用户
可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容
具有良好的用户体验

span 和 div

span标签的作用
能让某几个文字或者某个词语凸显出来
行内元素
udiv标签
u块级元素
案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>span标签</title>

    <style>
        #dream{
            font-size: 30px;
            color: red;
            font-weight: bold;
        }
        span[class="abc"]{
            font-size: 24px;
            color: blue;
            font-weight: bold;
        }



    </style>


</head>
<body>


<p>享受西开教学服务</p>
<p>在<span>西开</span>学习 , <span id="dream">成就IT梦想</span></p>
<p>请选择 <span class="abc">西开</span>吧</p>



</body>
</html>

字体样式

在这里插入图片描述

文本样式

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dream_Felix

关注关注

2
点赞
踩
26

收藏

觉得还不错? 一键收藏
0
评论
CSS美化网页

CSS美化网页为什么使用CSS有效的传递页面信息使用CSS美化过的页面文本，漂亮，美观，可以吸引用户可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容具有良好的用户体验span 和 divspan标签的作用能让某几个文字或者某个词语凸显出来行内元素udiv标签u块级元素案例：<!DOCTYPE html><html ...
复制链接

扫一扫