2024-11-13 厉飞雨 阅读(21) 评论(0) 赞(3)

CSS list-style-type 属性 ---------------------- list-style-type，是指在CSS中，不管是有序列表还是无序列表，都统一使用list-style-type属性来定义列表项符号。 **语法：** ```css list-style-type :value ``` **属性值：** | 值 ...

2024-11-13 厉飞雨 阅读(18) 评论(0) 赞(6)

CSS 链接 ------ 在写这篇文章之前，只是知道有链接的不同状态下的样式这东西的存在，并未去认真了解过的链接的不同状态可以有不同的样式。 能够设置链接样式的 CSS 属性有很多种（例如 color, font-size, background 等等）。 链接的特殊性在于能够根据它们所处的状态来设置它们的样式。 链接的四种状态： - :link - :visit...

2024-11-13 厉飞雨 阅读(21) 评论(0) 赞(1)

背景 --- 这篇文章定义了 HTML 和 CSS 的格式和代码规范，旨在提高代码质量和协作效率。 通用样式规范 ------ 协议 --- 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP 访问页面...

2024-11-13 厉飞雨 阅读(14) 评论(0) 赞(5)

> 在网页制作的过程中，少不了跟路径打交道，比如，包含一个文件，插入一个图片等，与路径都有关系，如果使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 > > 作为初学者的我，有时会感到困惑「(°ヘ°)，这路径什么鬼Σ (ﾟДﾟ;) ，怎么写的啊(⊙_⊙)?， > 下面我就介绍一下了解到的相对路径与绝对路径。 根相...

2024-11-13 厉飞雨 阅读(16) 评论(0) 赞(6)

CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则： 1. 使用Reset但并非全局Reset -------------------- 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用...

2024-11-13 厉飞雨 阅读(19) 评论(0) 赞(6)

下面是一些三角形样式，部分我在仿站练习时，用到了的图案，加了点颜色美化，记录一下... 各种三角形的效果图和代码记录 -------------- **三角形，倒三角形，左三角形，右三角形** **上三角** ------- **效果图：** <br /> ![](http://static.51tbox.com/static/2024-11-13...

2024-11-13 厉飞雨 阅读(17) 评论(0) 赞(5)

缩写CSS样式的好处： ----------- 对于浏览者而言，缩写可以减少CSS代码量，进而减少CSS文件体积，有利于访问者更快的打开网页；对于开发者而言，CSS代码量少，阅读简洁明了；对于网站服务器而言，在相同带宽下可以承受更多的访问请求。 常用CSS样式表缩写语法总结 -------------- **盒尺寸(padding、margin)** 常见margin...

2024-11-13 厉飞雨 阅读(12) 评论(0) 赞(1)

原理其实就是一段CSS代码，定义了一下光标，使他不再使用本地的光标！改变鼠标指针形状的方法：系统鼠标指针与自定义控件，一般我们都用系统鼠标指针，其实这已经能满足大部分群众了，通常只有为了页面看起更好看，锦上添花才会选择自定义控件。CSS文件只要在页面中引用了就可以，wordpress的直接添加到style.css中即可 ，其他的不知道可直接添加到页面底部！在此~~水~~发文一篇...

2024-11-13 厉飞雨 阅读(15) 评论(0) 赞(5)

前言 --- 前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'WC，还能特么这么用，这特么太叼了' ... 于是我迫不及待想跟你们一起分享分享，以后你也可以在别人面前炫（装）耀（B）了\~ ps：本文原创不是我，我只是搬运工，看到好东西与大家分享而已 装B指南 ---- 本文中，所有的图形都是在单个标签内实现的，大量使用了 ...

2024-11-13 厉飞雨 阅读(16) 评论(0) 赞(2)

写这篇水文呢，也是最近在自己在魔改一个主题用作新做的班级网站。 发现模版的背景图片以及其他地方的图片显示只能在电脑端看到，而在移动端不能够自适应。顺便也整理出来。 首先是图片的居中自适应： ------------ 需要先给CSS `background-repeat` 属性赋值`no-repeat`，使图片不重复只显示一张。 然后再定位背景图像位置，给CSS `b...