Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
html移动端适配最优方法
使用js来设置font size的方法最好 目前大部分成熟网站都采用这种方法 媒体查询可能会漏掉一些设备型号 并且比较繁琐 通过vw设置也比较方便 但是兼容性不好 js设置html的font size大小 document document
css
CSS3
html5
html
从特效入手,深入了解CSS(二):鼠标 hover 特效
不建议跳跃阅读 这篇文章将从头开始介绍如何实现一个特效 中间偶尔会穿插一些css3或平时接触不多的css属性 首先看一看这一期的特效 HTML部分 h1 Hover Me h1 CSS 部分 首先通过grid布局的place content
css
前端
CSS3
TailwindCSS 3.0 (二) 设置背景颜色和背景图片的方法
设置背景颜色 background color 1 背景颜色 Background Color 基础用法 透明度 自定义主题颜色 其他用法 2 渐变颜色 基础用法 渐变色标 基础用法 其他用法 3 背景图片 Background Image
tailwind学习笔记
css
html
CSS3
css实现图片旋转
一 css实现图片旋转90度 icon moz transform rotate 90deg webkit transform rotate 90deg 二 水平翻转 icon color f64e78 font size 20px dis
css
html
CSS3
手把手带你打造自己的UI样式库(第五章)之常用页面切图的设计与开发
常用页面切图的设计与开发 在一些大的前端团队中 前端工程师这个职位会出现一个分支 叫做重构工程师 重构工程师主要负责 HTML 和 CSS 的制作 也就是把设计稿转换成 HTML 和 CSS 代码 重构工作完成以后 把制作好的 HTML 和
项目开发
CSS3
html5
WEB基础-变形动画
字体图标 IconFont 图标字体也叫字体图标 就是字体做的图标 可以通过设置字体的方式改变图标的样式 受到近些年 扁平化设计 的影响 越来越多的图标都开始使用 IconFont 下载字体图标 首先打开IconFont 阿里巴巴矢量图标库
WEB前段
笔记
前端
CSS3
css多层边框使用多层阴影实现修改shopify 变体 商品属性 variant 修改实现
我们在开发的时候经常会需要实现很多环形嵌套 圆形嵌套 或者是多边框 多层不同颜色边框嵌套的效果 方形的可以用outline 和border来增加 但是outline在大部分的浏览器不支持圆角 只有火狐浏览器使用火狐的前缀 moz outli
shopify
CSS3
css
shopify 商品属性
shopify 变体
html右侧增加页面导航快捷键效果图及代码
如果一个页面非常长时 在页面右侧增加导航快捷键还是比较有必要的 见效果图 局部放大后的效果 具体实现代码如下 html相关代码 div class gototop none div a href img src static imgs to
前端
CSS3
jQuery
CSS 之层叠规则(权级、权重、顺序)详解
文章目录 参考 描述 定义 层叠 层叠与冲突 规则 权重 优先级 权重值的叠加 顺序 权级 权级 层叠规则的运用 顺序 尾声 参考 项目 描述 MDN WEB Docs 优先级 Amily mo 令人烦恼的css选择器权值问题 Amily
前端
css
html
层叠
CSS3
Grid 布局实现九宫格图片动画
前言 Grid 布局实现九宫格 background position设置背景图像起始位置 速速来Get吧 文末分享源代码 记得点赞 关注 收藏 1 实现效果 2 实现步骤 定义css变量 九宫格中每个宫格的长 宽为w 宫格之间的间距为ga
神奇的css
css
CSS3
怎么修改csdn文本的字体样式
示例 font face 仿宋 color FF0000 size 1 待修改语句 当前这句是字体大小为1的红色仿宋字体 font 以上的三个属性可选 其中 face 字体类型 如楷体 微软雅黑 仿宋等 color 字体颜色 十六进制的 s
辅助工作小技能
CSS3
css
前端
vue全屏某个dom元素(包括退出全屏、监听)
vue全屏某个dom元素 包括退出全屏 监听 1 话不多说直接上源码 一 左上角的图标是随着DOM 元素是否全屏而改变的 二 用isFullscreen来监听DOM是否全屏 三 用screenfull toggle element 来使元素
数据可视化
全屏
vuejs
CSS3
Chrome
跳动爱心代码-李峋爱心代码(手把手教学)
电视剧 点燃我 温暖你 打火机与公主裙 李洵爱心跳动效果 获取完整代码 公众号 ClassmateJie 回复爱心代码 本文分为两种方式讲解如何运行代码 第一种方式比较简单推荐新手 完全不懂编程的 第二种方式需要有一定的编程基础的人 跟着我
html5
javascript
css
CSS3
前端
程序员如何在浏览器上面去做p图软件的事
在浏览器中更改内容除了箭头点击元素进行更改还有另一种更快捷的方法 首先随便打开一个浏览器 按f12 打开控制台 在控制台内输入一下代码回车 document designMode on 开启这个网站修改模式之后你就可以随心所欲地去更改网站的
杂货
谷歌浏览器相关
css
CSS3
前端
新的选择器+CSS变量
笔记
CSS3
CSS盒模型自适应布局——calc与box-sizing
CSS盒模型 1 CSS中盒模型分为两种 第一种是W3C的标准模型 即盒子的宽高等于内容的宽高 盒子的padding和border不计算在内 第二种是IE的传统模型 IE6以下 不含IE6 称为怪异模式或者QuirksMode 即盒子的宽高
css
CSS3
html
float布局--圣杯布局
前言 虽然现在有了flex弹性盒子模型 很多布局效果都可以通过flex盒子来实现 但由于flex盒子模型的兼容性不容乐观 ie至少要10才能支持flex 所以还是很有必要学习float流式布局的 栗子 正常的块级元素的布局是这样的 文字代表
css
CSS3
前端
CSS Day03
1 相对定位 relative 相对于原来位置移动 元素设置此属性之后仍然处在文档流中 不影响其他元素的布局 菜鸟教程
css
html
CSS3
3D旋转 相册
效果展示 代码逻辑
3d
css
CSS3
分享CSS3里box-shadow属性的使用方法,包括内阴影box-shadow:inset
一 box shadow语法 box shadow none inset 可选值 不设置 为外投影 设置 为内投影 x offset 阴影水平偏移量 正方向为right y offset 阴影垂直偏移量 正方向为bottom blur ra
前端
CSS3
css
html
«
1 ...
3
4
5
6
7
8
9
...34
»