![](https://img-blog.csdnimg.cn/b1ea6f546f8949388d433d13499e73f1.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS入门、进阶与实战
文章平均质量分 92
基于W3School网站教程的CSS自学笔记
Vec_Kun
No progress without challenges.
展开
-
CSS网格教程:网格布局模块/网格容器/网格项目
属性可以用作 grid-row-start、grid-column-start、grid-row-end 和 grid-column-end 属性的简写属性。如果所有列都应当有相同的宽度,则设置为 "auto"。默认情况下,容器在每一行的每一列都有一个网格项目,但是可以设置网格项目的样式,让它们跨越多个列和/或行。属性是 grid-column-start 和 grid-column-end 属性的简写属性。属性是 grid-row-start 和 grid-row-end 属性的简写属性。原创 2023-02-02 18:28:25 · 848 阅读 · 1 评论 -
CSS响应式设计——(视口/网格视图/媒体查询/图像/视频)看这一篇就够了
响应式 web 设计会让我们的网页在所有设备上运行良好。响应式 web 设计仅使用 HTML 和 CSS。响应式 web 设计并不是程序或 JavaScript。视口(viewport)是用户在网页上的可见区域。视口随设备而异,在移动电话上会比在计算机屏幕上更小。在平板电脑和手机之前,网页仅设计为用于计算机屏幕,并且网页拥有静态设计和固定大小是很常见的。然后,当我们开始使用平板电脑和手机上网时,固定大小的网页太大了,无法适应视口。原创 2023-02-02 18:05:30 · 1122 阅读 · 1 评论 -
CSS列表与表格
要删除此内容,请在 或 中添加。这是因为 table 和 和 元素都有单独的边框。如需控制边框和表格内容之间的间距,请在 和 元素上使用。属性设置 或 中内容的水平对齐方式(左、右或居中)。默认情况下, 元素的内容居中对齐,而 元素的内容左对齐。属性设置 或 中内容的垂直对齐方式(上、下或居中)。默认情况下,表中内容的垂直对齐是居中( 和 元素都是)。属性是一种简写属性。原创 2023-02-02 11:03:14 · 1465 阅读 · 1 评论 -
CSS图标与链接
下面的图标库中的所有图标都是可缩放矢量,可以使用 CSS进行自定义(大小、颜色、阴影等)。向 HTML 页面添加图标的最简单方法是使用图标库,比如 Font Awesome。将指定的图标类的名称添加到任何行内 HTML 元素(如 或 )。本例演示了不同类型的光标(对链接有用)。此外,可以根据链接处于什么状态来设置链接的不同样式。通过 CSS,可以用不同的方式设置链接的样式。这是如何创建链接框/按钮的另一个例子。提示:无需下载或安装!提示:无需下载或安装!提示:无需下载或安装!原创 2023-02-02 10:53:09 · 414 阅读 · 1 评论 -
CSS文本与字体(文本格式化/对齐/装饰/转换/间距/阴影/字体/样式/大小/简写属性)
以我们需要的字体开始,并以通用系列结束(如果没有其他可用字体,则让浏览器选择通用系列中的相似字体)。但是,转换后的大写字母的字体大小小于文本中原始大写字母的字体大小。在上例中,em 单位的文本大小与上一个例子中的像素大小相同。但是,若使用 em 尺寸,则可以在所有浏览器中调整文本大小。它在所有浏览器中显示相同的文本大小,并允许所有浏览器缩放或调整文本大小!单位设置文本大小,它的意思是“视口宽度”("viewport width")。在 CSS 中,我们使用 font-family 属性规定文本的字体。原创 2023-01-24 15:28:22 · 824 阅读 · 1 评论 -
CSS边框、边距、轮廓(边框宽度/颜色/各边/简写属性/圆角边框/内外边距/高度宽度/框模型/轮廓宽度/颜色/属性/偏移)——万字长文|一文搞懂
本节我们学习了CSS边框、边距、轮廓的各种知识(边框宽度/颜色/各边/简写属性/圆角边框/内外边距/高度宽度/框模型/轮廓宽度/颜色/属性/偏移),强化了CSS边框、边距与轮廓的知识点,今后将继续介绍CSS文本等知识点。原创 2023-01-24 14:06:35 · 3698 阅读 · 1 评论 -
CSS背景:背景色/背景图像/背景重复/背景附着/简写背景属性(一文搞懂)
本节介绍了CSS背景相关知识。原创 2023-01-22 19:17:46 · 1004 阅读 · 1 评论 -
CSS颜色:RGB颜色/HEX颜色/HSL颜色(网页颜色完全总结)
指定颜色是通过使用预定义的颜色名称,或 RGB、HEX、HSL、RGBA、HSLA 值。今天认识了RGB颜色/HEX颜色/HSL颜色,熟悉了各种颜色表示方法。原创 2023-01-22 16:14:16 · 2081 阅读 · 1 评论 -
添加CSS样式的三种方法与CSS的注释
当浏览器读到样式表时,它将根据样式表中的信息来格式化 HTML 文档。原创 2023-01-21 15:03:07 · 2256 阅读 · 2 评论 -
CSS语法与CSS选择器
CSS 规则集(rule-set)由选择器和声明块组成:选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。多条 CSS 声明用分号分隔,声明块用花括号括起来。在此例中,所有 元素都将居中对齐,并带有红色文本颜色:亲自试一试 CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。我们可以将 CSS 选择器分为五类:我们将了解最基本的 CSS 选择器。元素选择器根据元素名称来选择 HTML 元素。原创 2023-01-21 14:44:58 · 756 阅读 · 2 评论 -
CSS简介
CSSCSS如何在屏幕、纸张或其他媒体上显示 HTML 元素节省了CSS 文件注:也称级联样式表。原创 2023-01-21 11:53:22 · 436 阅读 · 1 评论