CSS 教程
关注
分享
扫一扫
文章平均质量分 68
适合新接触 CSS 的新手入门学习，掌握各类详细知识，如“CSS id 和 class”“轮廓（outline）”等重要知识
凭空起惊雷
座右铭：学如逆水行舟，不进则退。学无止境，立志于学问。
我是一名热衷于编程和学习的程序员。我拥有计算机科学学士学位，我对Java、Python、C++等
编程语言和开发技术都有深入的了解和实践经验。
注重青少年的成长发展，利用工作之余发布Scratch的优秀资源。
我擅长于设计和开发高效、可扩展的软件系统，并注重代码的质量和可维护性。
除了工作，我还是一个热爱学习的人，不断追求新的知识和技术。我相信，只有不断学习和提高自己的技能，才能够在这个快速发展的行业中保持竞争力。
我是一个热爱编程、注重细节的程序员，希望我能够在未来的职业生涯中不断发展和成长。
展开
-
Linux爆发好时机！Windows这次换代为何这么难！
Win10退出历史舞台的进程出现了“意外”：其继任者Win11面世两年，但却依然不受用户待见。想当年，Win10推出两年就达成了与当时的霸主Win7相同的市场份额。显而易见的是，Win11做不到这一点。再见，Windows 10！早些时候，微软宣布将停止为Win10系统推送新的功能更新。Win10版本号止步于 22H2（Build 19045），而家庭版和专业版也将在2025年10月14日结束支持。此举意味着微软将更多地把精力投放在Win11的迭代以及后续版本的研发中。但现实的剧本总不会按理想上演。原创 2023-10-20 12:00:00 · 111 阅读 · 0 评论 -
0.2美元微调就能让ChatGPT彻底破防！普林斯顿、斯坦福发布LLM风险预警：普通用户微调也影响LLM安全性
虽说预训练语言模型可以在零样本（zero-shot）设置下，对新任务实现非常好的泛化性能，但在现实应用时，往往还需要针对特定用例对模型进行微调。不过，微调后的模型安全性如何？是否会遗忘之前接受的对齐训练吗？面向用户时是否会输出有害内容？提供LLM服务的厂商也需要考虑到，当给终端用户开放模型微调权限后，安全性是否会下降？最近，普林斯顿大学、IBM、斯坦福等机构通过red team实验证明，只需要几个恶意样本即可大幅降低预训练模型的安全性，甚至普通用户的微调也会影响模型的安全性。图片。原创 2023-10-18 19:30:00 · 263 阅读 · 0 评论 -
CSS Position(定位)
position 属性指定了元素的定位类型。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。原创 2023-10-15 12:00:00 · 302 阅读 · 0 评论 -
CSS Display(显示) 与 Visibility（可见性）
display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。原创 2023-10-16 10:15:00 · 161 阅读 · 0 评论 -
CSS 分组 和 嵌套 选择器
为了尽量减少代码，你可以使用分组选择器。它可能适用于选择器内部的选择器的样式。在样式表中有很多具有相同样式的元素。每个选择器用逗号分隔。原创 2023-10-15 09:45:00 · 152 阅读 · 0 评论 -
CSS padding（填充）
CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。原创 2023-10-14 11:00:00 · 334 阅读 · 0 评论 -
CSS margin(外边距)
CSS margin(外边距)属性定义元素周围的空间。原创 2023-10-13 10:15:00 · 165 阅读 · 0 评论 -
CSS 轮廓（outline）
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。原创 2023-10-14 08:30:00 · 208 阅读 · 0 评论 -
CSS 边框
为边框指定宽度有两种方法：可以指定长度值，比如 2px 或 0.1em(单位为 px, pt, cm, em 等)，或者使用 3 个关键字之一，它们分别是 thick 、medium（默认值） 和 thin。CSS 没有定义 3 个关键字的具体宽度，所以一个用户可能把 thick 、medium 和 thin 分别设置为等于 5px、3px 和 2px，而另一个用户则分别设置为 3px、2px 和 1px。border-color单独使用是不起作用的，必须得先使用border-style来设置边框样式。原创 2023-10-13 17:45:00 · 107 阅读 · 0 评论 -
CSS 盒子模型
根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的。这些浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框的宽度的总和。也就是，不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。要知道，完整大小的元素，你还必须添加内边距，边框和外边距。总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距。总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距。原创 2023-10-13 14:00:00 · 138 阅读 · 0 评论 -
CSS 表格
使用 CSS 可以使 HTML 表格更美观。原创 2023-10-11 09:45:00 · 106 阅读 · 0 评论 -
六个除ChatGPT之外让你大吃一惊的顶级人工智能工具
人工智能领域广阔，提供满足不同需求的工具。从使用 Numerous.ai 简化电子表格到使用 Descript 彻底改变音频编辑，人工智能在提高生产力方面的潜力是不可否认的。随着我们继续采用这些工具，有一点很清楚：生产力的未来与人工智能交织在一起。拥抱它、探索它，让人工智能将你的生产力提升到新的高度。原创 2023-10-12 13:15:00 · 288 阅读 · 0 评论 -
扎克伯格：希望借助数字助理、智能眼镜和AI帮助推动元宇宙发展
他在一次演示中展示了各种提示如何修改他的一张童年照片，让他在一张照片中穿着丑陋的毛衣，在另一张照片中留着蓝色的头发。9月30日消息，据外媒报道，Meta推出了新的人工智能工具和名人代言的数字助手，首席执行官马克·扎克伯格希望这些工具可以帮助推动元宇宙的发展。Meta推出了新的人工智能工具和名人代言的数字助手，首席执行官马克·扎克伯格希望这些工具可以帮助推动元宇宙的发展。扎克伯格表示，用户最终将能够创建自己的数字助理，但该公司希望在更广泛地推广之前，先在选定的企业中测试这种能力。原创 2023-10-11 09:30:00 · 116 阅读 · 0 评论 -
从物联网到万物互联：AI与6G融合，实现互联智能
万物互联(IoE)这个概念最早由Cisco于2012年提出，它建立在物联网的基础上，将连接扩展到机器对机器通信之外。它将人员、组织、数据和设备统一到一个紧密连接的生态系统中。它通过无缝结合云计算、边缘计算、人工智能、物联网、6G和数据分析等众多技术以及各种设备、传感器和机器来实时收集、传输和分析数据，从而促进更高水平的互连。万物互联产业正在迅速扩张。据CMSWire称，到2030年，IoE市场预计将达到42055亿美元，而2020年为9281.1亿美元。原创 2023-10-12 18:45:00 · 419 阅读 · 0 评论 -
CSS 列表
list-style-type:none 属性可以用于移除小标记。默认情况下列表 或 还设置了内边距和外边距，可使用。上面的例子在所有浏览器中显示并不相同，IE 和 Opera 显示图像标记比火狐，Chrome 和 Safari更高一点点。如果你想在所有的浏览器放置同样的形象标志，就应使用浏览器兼容性解决方案，过程如下。使用 CSS，可以列出进一步的样式，并可用图像作列表项标记。在单个属性中可以指定所有的列表属性。这就是所谓的简写属性。如果上述值丢失一个，其余仍在指定的顺序，就没关系。原创 2023-10-10 11:00:00 · 101 阅读 · 0 评论 -
CSS 链接
链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。特别的链接，可以有不同的样式，这取决于他们是什么状态。根据上述链接的颜色变化的例子，看它是在什么状态。原创 2023-10-10 10:30:00 · 87 阅读 · 0 评论 -
CSS 字体
能否管理文字的大小，在网页设计中是非常重要的。在上面的例子，em的文字大小是与前面的例子中像素一样。不过，如果使用 em 单位，则可以在所有浏览器中调整文本大小。我们的代码非常有效。在所有浏览器中，可以显示相同的文本大小，并允许所有浏览器缩放文本的大小。如果你不指定一个字体的大小，默认大小和普通文本段落一样，是16像素（16px=1em）。虽然可以通过浏览器的缩放工具调整文本大小，但是，这种调整是整个页面，而不仅仅是文本。不幸的是，仍然是IE浏览器的问题。调整文本的大小时，会比正常的尺寸更大或更小。原创 2023-10-09 15:45:00 · 157 阅读 · 0 评论 -
CSS 文本格式
当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）。对于W3C标准的CSS：如果你定义了颜色属性，你还必须定义背景色属性。text-decoration 属性用来设置或删除文本的装饰。可用于所有字句变成大写或小写字母，或每个单词的首字母大写。文本转换属性是用来指定在一个文本中的大写和小写字母。文本排列属性是用来设置文本的水平对齐方式。文本缩进属性是用来指定文本的第一行的缩进。文本可居中或对齐到左或右,两端对齐.颜色属性被用来设置文字的颜色。原创 2023-10-08 12:15:00 · 109 阅读 · 0 评论 -
CSS 合法颜色值
色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。指定HSLA颜色值：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。此外，下面的值定义相同的颜色：RGB（0,0,255），RGB（0％，0％，100％）。原创 2023-10-09 19:30:00 · 232 阅读 · 0 评论 -
CSS 背景
CSS 背景属性用于定义HTML元素的背景。原创 2023-10-06 09:15:00 · 121 阅读 · 0 评论 -
CSS 样式优先级
当创建的样式表越来越复杂时，一个标签的样式将会受到越来越多的影响，这种影响可能来自周围的标签，也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。原创 2023-10-05 15:30:00 · 165 阅读 · 0 评论 -
CSS 创建
当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。原创 2023-10-05 11:15:00 · 486 阅读 · 0 评论 -
CSS id 和 class
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。你也可以指定特定的 HTML 元素使用 class。原创 2023-10-04 11:15:00 · 89 阅读 · 0 评论 -
CSS 语法
属性（property）是您希望设置的样式属性（style attribute）。属性和值被冒号分开。CSS声明总是以分号;注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。原创 2023-10-04 12:45:00 · 165 阅读 · 0 评论 -
CSS 简介
CSS 指层叠样式表 (CascadingStyleSheets)样式定义如何显示HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS 文件中多个样式定义可层叠为一个。原创 2023-10-03 12:45:00 · 150 阅读 · 0 评论