刷新
css3新增文本属性

博主头像 css3新增属性🔑 边框属性 背景属性 文本属性 颜色属性 文本属性🔨 属性 说明 text-shadow 为文字添加阴影 box-shadow 在元素的框架上添加阴影效果 text-overflow 确定如何向用户发出未显示的溢出内容信号 word-wrap 允许对长的不可分割的单词进行分割并 ...

css3新增属性-background背景

博主头像 css3新增属性🔑 边框属性 背景属性 文字属性 颜色属性 背景属性🔨 属性 说明 background-image 添加背景图片 background-size 指定背景图像的大小 background-origin 指定背景图像的位置区域 background-clip 指定位置开始裁剪背景 ...

深入理解margin属性

博主头像 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值 注意: 外边距控制的是元素外部空出的空间。相反,padding 操作元素内部空出的空间 还有就是上、下外边框的设置对内联元素无效,如:<span> 、 <code> margin属性构成 margin-top:上边距 ma ...

前端实现很哇塞的浏览器端扫码功能🌟

博主头像 本文主要介绍,通过使用基于 vue技术栈的前端开发技术,在浏览器端调起摄像头,并进行扫码识别功能,对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部分组成。 ...

博客园自定义页面风格设计美化(自定义css,公告栏,页首,页尾),有问题欢迎随时联系我

博主头像 前言 首先得感谢Angel_Kitty, 小姐姐的博客 impress me deeply!!! ,所以我忍不住cv了好多她的样式,感觉我没救了(二次元化有点严重) 中间经过了一些波折,有的样式在小姐姐的博客中有,有的cv显示不正常(可能是我姿势不对),有的自己改一下,cv一下别人的,结果背景图片出 ...

深入理解padding属性

博主头像 padding 是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。 一个元素的内边距区域指的是其内容与其边框之间的空间 注意:内边距控制的是元素内部空出的空间,相反,margin 操作元素外部空出的空间 padding属性构成 padding-top:内容上边距 padding- ...

css超出部分...显示

博主头像 首先需要设置宽 white-space: nowrap;// 文字不换行 overflow: hidden;// 超出隐藏 text-overflow: ellipsis; 实现移入后正常显示的可以加:hover overflow: visible; text-overflow: clip; ...

CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果

博主头像 本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow(),实现对 HTML 元素及 SVG 元素的部分添加阴影效果,以实现一种酷炫的光影效果,用于各种不同的场景之中。通过本文,你可以学到: 如何利用 filter: drop-shadow() 对元素的部分内容添加单重及多重阴影 ...

练习spopcmd云云首页

博主头像 下面是效果展示图 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp ...

CSS 小技巧 | 一行代码实现头像与国旗的融合

博主头像 到国庆了,大家都急着给祖国母亲庆生。 每年每到此时,微信朋友圈就会流行起给头像装饰上国旗,而今年又流行这款: emm,很不错。 那么,将一张国旗图片与我们的头像,快速得到想要的头像,使用 CSS 如何简单实现呢? 有人认为是改变其中一张图的透明度,实际上不是的。仔细观察合成后的头像,最左边的基本上只 ...

前端规范之CSS规范(Stylelint)

代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题。而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范。同样,前段时间,笔者所在的团队也开展了一波开源治理,而其中代码规范就占据了很重要的一项。接下来的几篇文章,将会对JS代码规范、CSS规范、G ...

Web应用开发之CSS(1)

博主头像 一、CSS基本用法 (CSS: Cascading Style sheet) 样式引用 行内样式 CSS写在html文件中的body里面 例如: <body> <p style="color:red;">五星红旗的底色是红色的,上面的五个<sapan style="color:yellow;">星星 ...

CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果

博主头像 本文将介绍一个小技巧,通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。 起因 一日,一群友私聊问我。如何使用 CSS 实现下述效果,一个文字的波浪效果: 我当时想都没想,就回答道,这个很简单啊。 熟练的打开 CodePen,一顿操作,卧槽,好像事情没有那么简单。想要用纯 C ...

对于BFC的理解?

博主头像 📕定义 BFC是块级格式化上下文,全称(Block Formatting Context) 他是一个独立的渲染区域,相邻之间的BFC不会相互影响 🔑如何触发BFC 我们来看mdn的说明 🐻作用 可以利用BFC解决浮动带来的布局影响,在BFC中的浮动元素并不会影响BFC外部的元素 可以利用BFC ...

Html/Css笔记(1)——标签类语法

博主头像 一、标签类语法 1、标签不能交叉嵌套 正确: <div><span>hello</span></div> 错误: <div><span>hello</div></span> 2、标签必须正确关闭 正确: <div>hello</div> 错误: <div>hello 3、没有文本内容的标签 正确: ...

123···21>