码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 美化页面元素


    目录

    1、为什么要美化网页

    span标签:

    2、字体样式

    (1)选择字体 font-family

    (2)font-size 字体大小

    (3)font-weight 字体粗细

    (4)color 字体颜色

    连着写

     扩展:

    3、文本样式

    (1)颜色 color rgb rgba

    (2)文本对齐方式 text-align: center

    (3)首行缩进 text-indent: 2em

    (4)行高 line-height: 300px

    (5)装饰 text-decoration

    (6)文本图片水平对齐 vertical-align: middle  (a标签是有下划线的,如果要去除下划线 )

    4、文本阴影和超链接伪类

    (1)默认颜色

    (2)鼠标悬浮的颜色状态(只需要记住:hover)

    (3)鼠标按住未释放的状态

    (4)text-shadow:阴影颜色,水平偏移,垂直偏移,阴影半径

    5、列表样式

    建议:

    6、背景

    实现箭头效果:

    7、渐变


    1、为什么要美化网页

    • 有效的传递页面信息

    • 美化网页,页面漂亮,才能吸引用户

    • 凸显页面的主题

    • 提供用户的体验

    span标签:

    • 重点要突出的字,使用span标签套起来
    1. html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Titletitle>
    6. <style>
    7. #title1 {
    8. font-size: 50px;
    9. }
    10. style>
    11. head>
    12. <body>
    13. 欢迎来到我的 <span id="title1">java世界span>
    14. body>
    15. html>

    输出结果:


  • 相关阅读:
    什么时候用 C 而不用 C++?
    一篇带你看懂异步:promise、async await
    打造绿色数据中心,Colt DCS 是认真的!
    微信小程序如何循环控制一行显示几个
    如何在国际腾讯云服务器上设置IP节点的密码?
    音视频进阶教程-实现直播SEI补充增强信息
    transformer5
    Java StringBuffer类与StringBuilder类总结(方法清单/面试题)短小精悍
    Python学习之CSDN21天学习挑战赛计划之5
    R数据分析:生存分析的列线图的理解与绘制详细教程
  • 原文地址:https://blog.csdn.net/qq_46423017/article/details/126923188
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号