前端开发 Html/Css
刷新
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>