css

标签下的文章

css将复杂的页面展现抽象成一个个明确的指令，告诉用户的浏览器如何去布局展现服务器端发送过来的数据。就好比告诉装修工人，这边帮我打个柜子，那边帮我放个橱柜，因为都是文字化的信息，所以并不占用多少的带宽，却可以依赖浏览器的解释，展现出精彩纷呈的效果。

标签 css

css 2023-10-14

Css中的反选伪类“:not()”

该“:not()”伪类用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中，它也被称为反选伪类（negation pseudo-class）。描述使用 :not() 时，有几种不寻常的效果和结果需要注意：可以使用此伪类编...

建站相关 css

css 2023-09-06

浮动阴影-为什么我的css浮动元素总是差那么点意思

很多站点都这样的效果，鼠标移上去时对应元素上浮，然后这样的元素往往有一排。博主常见的操作是左右平移几次，然后元素就跟琴键一样依次浮动，看起来非常解压。虽然这个效果有个小小的bug，将鼠标停留在浮动起点与终点的一小块区域，会导致重复触发...

建站相关 css

css 2023-09-04

ios下safari浏览器hover失效的问题

修改主题的时候发现ios下hover子菜单弹出后收不回去，虽然刷新一下页面或者点击一个其他的按钮也能正确关闭，但是始终感觉操作不便。于是安装了一个第三方浏览器（夸克）尝试了一下，第三方浏览器是没有什么问题的，纯属safari的锅。找了...

建站相关 css

css 2023-05-25

如何用css实现一个导航条的logo

浏览网络的时候看见某个站点的导航条菜单图标很有意思，导航条logo一般都是3条横杠，该站点的其中一条横杠是略短的，鼠标悬停时会动态伸长。尝试着自己利用css实现了类似的效果，考虑将其放入正在修改的wordpress主题当中，先记录一下...

建站相关 css

css 2023-05-21

一套纯css实现的图标库-ICONO

网络上有很多免费的图标库，比如fontawesome，比如typicons，利用一些小图标来代替呆板的文字描述，可以让页面显得更为简洁而生动。这类图标库也有一些美中不足之处，比如在不同分辨率下，可能产生边缘的锯齿，也可能会有部分几个图...

建站相关 css

css 2023-05-15

text-transform属性控制文本的大小写

看范例站点的css代码，发现这么一条，之前没有接触过这个属性，先就text-transform做个笔记。这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为 capitalize，则要对某些字母大写，但是并没有明确定...

建站相关 css

css 2022-12-01

利用css整站加灰色遮罩实现全站变灰

遇到举国同悲的日子，大部分站点会将原本五颜六色的画面呈现为黑白，用黑白的色调,表达对伟人的追思，为逝去的英雄送行。用css就可以很方便的实现全站变灰的效果。外部样式目前绝大多数站点都采用了引用外部css文件的方式，对于这类站点，只需要...

建站相关 css

css 2022-11-25

利用ul+css实现一个分页效果

尝试自定义了一个wordpress的后台设置页面，仅仅是添加了表单，暂时没有写css效果，分页器的页面展现是这样的，想用ul+css实现图片下方这样的效果。为ul添加一个flex属性，可以很方便的让其中包含的li元素排列为一行，为li...

建站相关 css

css 2022-11-05

css中hover悬停动作的行内写法

开通了一个淘宝店铺，觉得页面有点单调，想要添加一些圆角啊悬停变化之类的css效果。淘宝的店招以及导航条可以有限的使用css，而其他模块css功能是需要另行付费的，一年的使用价格是2400元。对于一个营收尚未过千的小店来说，这个价格有点...

建站相关 css

css 2022-10-13

css中的box-sizing属性

CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。在 CSS 盒子模型的默认定义里，你对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素...

建站相关 css

css 2022-10-10

用font-face设置站点的字体

看到有的站点设置了特殊的字体，感觉现实效果很棒，依样画葫芦尝试定义了一下自己博客的字体。@font-face是css3中允许使用自定义字体的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。这里采用了华为的鸿蒙字体，相比微软雅...

建站相关 css

css 2022-10-09

css表格内容过长时如何正确换行

记录了一下word中的printout函数的用法，发完照例手机浏览一下。结果发现翻车了，表格长度超出了文章内容容器。比较奇怪的是，同一篇文章的另一个表格却是正常显示的，二者的区别在于，前者的内容比较多，而且很多不带空格的长英文参数名，...

建站相关 css

css 2022-10-08

css中正则匹配相似id与类名

在wordpress官方主题中看到过类似用中括号包裹属性名的写法，用来正则匹配命名类似的一批元素，比如有一批p元素采用“comment-1,comment-2,comment-3...”这样的类名，如果想要为这一类元素设置统一的属性，...

建站相关 css

css 2022-10-08

css标题过长影响布局比例

家里LD会计培训，需要参与会计改革与发展“十四五”规划网络知识竞赛，题库来源自相关的几篇规划与纲要。为了搜索方便，干脆把几篇题库来源文章转载到了博客上，利用浏览器自带的搜索查询相关语句。因为这几篇文章的标题都比较长：类似这样《注册会计...

建站相关 css

css 2022-09-30

纯css实现一个网格背景

想引用一篇他人的文章，为了与原创内容的版式产生差异，准备将引用内容用blockquote元素包裹，并且为其实现一个特别的背景。网上搜索好看的背景图的时候无意中发现原来纯css也可以实现简单的网格背景，正好更高难度的拼接图片啥得咱也不会...

建站相关 css