为了写出一个看得下去的Links,借助Poe的帮助写了一些css和HTML

  • 在内联CSS样式中，可能会因为样式定义的格式问题而导致渲染出现异常。如果您的代码在某些情况下由于空格而无法正确渲染，您可以尝试去除代码中的空格，确保各个属性和数值之间没有多余的空格，以确保样式能够正确应用。

基本格式

html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Friend Linkstitle>
<style>
    /* css代码 */
style>
head>

<body>
<div class="section-box gemini box-shadow-wrapper">
  <section class="friends-section bg-color slide-down-in">
    <div class="firends-box">
      <div class="firends-item">
        <a href="https://www.zhihu.com/people/L.M.Sherlock" target="_blank">
          <img src="https://pica.zhimg.com/v2-41f893b0cd84fb6a8c8f6d1bd29c9554_xll.jpg?source=32738c0c">
          <div class="right">
            <div class="top">
              Thoughts Memo
            div>
            <div class="bottom">    
            div>
          div>
        a>
      div>
      <div class="firends-item">
            
      div>
    div>
  section>
div>
body>

html>
：包含了文档的元信息和引用，不会直接显示在页面上。
  • ：设置文档的字符编码为UTF-8，以支持各种语言的文字显示。
  • ：设置页面视口的宽度等于设备宽度，并且初始缩放比例为1.0，有助于使页面在移动设备上更好地显示。
  • Friend Links：设置页面的标题为"Friend Links"，显示在浏览器标签页上。