Css_2跟3
axure菜单展开收起_css菜单栏的隐藏和显示
大家好，又见面了，我是你们的朋友全栈君。axure 9.0 版本在发布后HTML页面打开时总是在顶部弹出菜单 既不美观也影响效果本人axure小白，摸索半天后发现也不能完全关闭或者不显示(除非代码修改)；菜单如下图。 解决方案就是在请求地址后面拼接 #c=1 这样可以实现菜单栏最小化，而且在你鼠标不移动到左上角时，小箭头会隐藏 ，效果就可以了。如请求地址为：https://www.csdn.
日期 2023-06-12 10:48:40
手把手带你使用webpack4构建一个Vue开发编译环境，并实现代码分割，css代码分离
前言本篇文章不会细致讲webpack生产编译方面的优化操作，主要点是为了区分开发与生产环境的区别，代码分割分离的操作，所以不建议各位使用本篇文章内配置内容去进行生产编译，生产编译其它优化细节请各位自行另加配置，当然本篇文章配置也不是不能用作生产配置，只是给各位一个建议~正文 所需环境开始之前，请各位给自己电脑安装一下Nodejs，具体安装方法这里我就不做讲解了，各位可以移步Node官网查看文档然后
日期 2023-06-12 10:48:40多说360度旋转css代码
多说360度旋转css代码 作者：matrix 被围观: 2,079 次 发布时间：2014-02-06 分类：Wordpress | 16 条评论 » 这是一个创建于 3129 天前的主题，其中的信息可能已经有所发展或是发生改变。 多次看到多说评论的头像样式，鼠标悬停的时候360度旋转~css：#ds-avatar{ width:54px;height:54px; /*设置图
日期 2023-06-12 10:48:40
易迅网CSS3 Gradient渐变特效-鼠标滑过出现白色斜线动画
易迅网CSS3 Gradient渐变特效-鼠标滑过出现白色斜线动画 作者：matrix 被围观: 2,854 次 发布时间：2013-10-16 分类：Wordpress 兼容并蓄 零零星星 | 3 条评论 » 这是一个创建于 3242 天前的主题，其中的信息可能已经有所发展或是发生改变。 看到易迅网的右侧、下方商品都有的一种效果，原本以为是JS什么的，找了大半天才知道是css3的效果。D
日期 2023-06-12 10:48:4012·灵魂前端工程师养成-CSS定位
CSS定位介绍层叠上下文 z-index-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstac
日期 2023-06-12 10:48:40
CSS中calc(100%-100px)为什么不加空格会不生效？
问题起因今天再使用calc时发现无法生效，我的写法是： width: calc(100%-100px); 复制代码复制页面无效果，加空格后就发现有效果了： width: calc(100% - 100px); 复制代码复制有亿点疑惑，这是为什么？calc是什么？css3的 计算属性，用于动态计算长度值。calc语法：calc(expression)//expression是数学表达式 复制代码
日期 2023-06-12 10:48:40CSS硬件加速
近些年，我们总是听到硬件加速，以及它如何帮助我们提升网页的动画性能，让网页动画变得更好，在移动端更流畅。那么什么是硬件加速？如何触发硬件加速呢？定义css大部分样式还是通过cpu来计算的，但 css中也有一些 3d的样式和动画的样式，计算这些样式同样有很多重复且大量的计算任务，可以交给gpu来跑。那么，使用gpu来渲染css的技术就是硬件加速。触发浏览器在处理下面的 css 的时候，会使用 gpu
日期 2023-06-12 10:48:40
重新认识CSS的权重
重新认识CSS的权重今天 [大白] 问了一个关于CSS权重的问题： 关于选择器权重的问题 。class的权重是10 标签权重是比如说 p span{} 权重是2. 如果11标签自选择器的组合的权重11，会不会覆盖 一个class选择器权重10的 样式？ 在跟他的讨论中，重新整理了我对CSS权重的理解。在《样式的作用域──页面重构中的模块化设计（一）》中有做过总结，其中提到比较重要的两点：权值的大
日期 2023-06-12 10:48:40CSS模块的注释——页面重构中的模块化设计（六）
CSS模块的注释——页面重构中的模块化设计（六） 由 Ghostzhang 发表于 2010-07-20 14:07 从前面的内容我们已经知道，样式是可以分成各个模块去写的，如何表示各个模块的作用及它们之间的关系呢？CSS的注释是不二的选择。与普通的注释不同，模块的注释需要一些更详细的内容，比如：功能说明、模块版本、关联信息等等。 像 《基类、扩展类──页面重构中的模块化设计（五）》 中例子的注释
日期 2023-06-12 10:48:40css background图片
MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background首先我们可以使用background: url(https://waibi.oss-cn-chengdu.aliyuncs.com/2020-06-01/head.jpg);复制来指定背景图片如果我们需要修改透明度，则可以使用其可以叠加的特性background: line
日期 2023-06-12 10:48:40
CSS样式的优先级补遗2
CSS样式的优先级补遗2 由 Ghostzhang 发表于 2006-04-21 14:26 今天看到一篇《深入了解CSS的继承性及其应用》，文章中提到了CSS的特性值 样式表中的特殊性描述了不同规则的相对权重，它的基本规则是： 统计选择符中的ID属性个数。统计选择符中的CLASS属性个数。统计选择符中的HTML标记名格式。 最后，按正确的顺序写出三个数字，不要加空格或逗号，得到一个三位数。(
日期 2023-06-12 10:48:40html+css面试题集锦（一）
大家好，又见面了，我是你们的朋友全栈君。1、对WEB标准以及W3C的理解与认识？web标准简单来说可以分为结构、表现和行为，其中结构主要是有HTML标签组成，或者通俗点来讲，在页面Body中我们写入的标签都是为了页面的结构，表现指css样式表，通过css可使页面的结构标签更具美感，行为是指页面和用户具有一定的交互，同时页面结构或者行为发生变化，主要是js组成。web标准一般是将该三部分独立分开，使
日期 2023-06-12 10:48:40wordpress字体样式——css炫酷的字体样式实现
demo1:css实现颜色变化效果如图所示 实现代码如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width
日期 2023-06-12 10:48:40点击导航栏，切换div内容（js+css+html）[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。 **成果展示**复制 代码展示：* <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&qu
日期 2023-06-12 10:48:40css鼠标禁用[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。 #1.鼠标的悬浮样式：cursor div:hover{ cursor:not-allowed; /* 光标是一个红色的圈加一个斜杠）*/ }复制 1、default 默认光标(通常是一个箭头) 2、auto默认。浏览器设置的光标。 3、crosshair 光标呈现为十字线。 4、pointer 光标呈现为指示链接
日期 2023-06-12 10:48:40在线html代码生成器,支持网页快速排版 CSS代码一键生成的在线设计工具
大家好，又见面了，我是你们的朋友全栈君。用户体验现在作为很多工作的重中之重，设计师们更要把用户体验放在第一位，如果你曾经尝试过想把你的板面调整到最适合阅读的状态，就会知道多么令人抓狂。但是懒人总是会创造出新科技，国外开发者为我们带来了今天要讲的协助设计网页排版及字型等相关属性的便利工具。type anything 前段时间登上国外媒体网站后深获好评，这是一项非常方便的在线工具，功能设计很简单，主要
日期 2023-06-12 10:48:40CSS @media 规则
@media 规则在媒体查询中用于为不同的媒体类型/设备应用不同的样式。实例如果浏览器窗口的宽度为 768px 或更小时，把 <body> 元素的背景颜色更改为“浅蓝色”：@media only screen and (max-width: 768px) { body { background-color: lightblue; }}复制宽度大于768px 背景色为绿色宽度大
日期 2023-06-12 10:48:40HTML+CSS实现导航条及下拉菜单[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。效果代码中的图片可以自己换的 下拉菜单HTML代码下拉菜单CSS代码复制在写完上述代码的同时须加上css的重置代码，代码如下：* { margin: 0; padding: 0 } em,i { font-style: normal } li { list-style: none } a{
日期 2023-06-12 10:48:40css3 媒体类型(Media Type)[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。 <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/style.css" rel="st
日期 2023-06-12 10:48:40HTML/CSS面试题（收集）[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。 1、目前主流的浏览器以及其内核名有哪些？ 点这里查看 2、内元素和块级元素的区别？ 行内元素：不会独立出现在一行，单独使用的时候后面不会有换行符的元素。eg：span, strong, img, a 等。这些元素，默认的高宽，总是其内容的高宽。并且，margin和padding值，只有左右有效。 块级元素：独立在一行的元素，他们后面会自
日期 2023-06-12 10:48:40CSS自定义鼠标指针样式「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。原文链接: http://davidwalsh.name/css-custom-cursor Demo地址: http://davidwalsh.name/demo/css-custom-cursor.php 原文日期: 2014-09-16 翻译日期: 2014-09-17 翻译人员: 铁锚 还记得Web 1.0时代的那些苦逼岁月吗? 你想尽一切办
日期 2023-06-12 10:48:40CSS设置背景颜色透明
大家好，又见面了，我是你们的朋友全栈君。 CSS设置背景颜色透明将背景颜色设置为透明，两种方法： 方法一：通过background-color和opacity来设置 opacity属性参数的不透明度是以数字表示的，从0.0到1.0，完全透明是0.0，完全不透明是1.0，数字越大代表元素越不透明。 <div class="box01"> <p&
日期 2023-06-12 10:48:40CSS+HTML 顶部导航栏实现「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。 导航栏的实现、固定顶部导航栏、二级菜单实现 效果图： 2018/11/16更新： 最近在使用这个导航栏的时候，发现页面在放大和缩小的情况下，导航栏的布局和显示都有些小问题，所以重新改了一下css部分的代码，重新贴上来新的代码实现（优化布局）：<html> <head> <style type=&q
日期 2023-06-12 10:48:40CSS中的媒体类型media type[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。madia type作用首先要明白一点，我们平时写的HTML页面，可能在不同的媒体类型中显示，如可能显示在屏幕sreen上，也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时，需要的样式可能是不一样的。比如，一般在screen上显示时，页面字体要大一些，在纸质媒体显示时，页面字体要小一些。那么如何告诉别人某个样式是适用于何种媒体类型的呢？这就要
日期 2023-06-12 10:48:40HTML+CSS 简单的顶部导航栏菜单制作
大家好，又见面了，我是你们的朋友全栈君。 导航栏的制作：技术要求：CSSHTML各类标签实现目的：制作导航栏菜单代码分析：基本样式清除无序列原点删除下划线删除文字默认居中a标签设置块级元素伪类选择器对a状态修饰分步实现：分三栏布局：使用浮动 logo一栏；选择栏一栏；搜索栏一栏logo部分： img标签，导入图片，a标签超链接 ，img导入图片，防止图片失真width和height设置一个就可
日期 2023-06-12 10:48:40纯CSS实现自定义单选框和复选框
大家好，又见面了，我是你们的朋友全栈君。目录1 实现效果 2 知识点讲解2.1 标签2.2 CSS3 box-shadow 属性2.3 CSS3 transition 属性2.4 CSS3 :checked 选择器2.5 CSS element+element 选择器3 代码实现 1 实现效果 演示地址： https://www.albertyy.com/2020/7/check1.html 另一
日期 2023-06-12 10:48:40html鼠标样式怎么去掉,CSS鼠标样式cursor属性怎么设置
大家好，又见面了，我是你们的朋友全栈君。CSS鼠标样式可以通过设置cursorg属性，从而达到鼠标在对象上移动的鼠标样式。一般在网页中一些特殊版块布局时，会遇到这类需求，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外，还可以通过CSS设置图片等元素为鼠标指针样式，比如有些网站鼠标指针是各种各样小图片样式，当然这个是通过css cursor设置
日期 2023-06-12 10:48:40CSS鼠标悬浮及其样式
大家好，又见面了，我是你们的朋友全栈君。 hover鼠标悬浮的使用和定义用法示例选择鼠标指针浮动在其上的元素，并设置其样式： .box:hover{ background-color: red; }复制定义和用法 :hover 选择器用于选择鼠标指针浮动在上面的元素。 提示：hover 选择器可用于所有元素 :link 选择器设置指向未被访问页面的链接的样式，:vis
日期 2023-06-12 10:48:40css 100% 和 100vh区别
大家好，又见面了，我是你们的朋友全栈君。100% 是相对于父元素 100vh 是相对于 当前的window，有可能是ifame 嵌套 会有多个window发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/134646.html原文链接：https://javaforall.cn
日期 2023-06-12 10:48:40【CSS进阶】巧用伪元素before和after制作绚丽效果
原创：叫我詹躲躲 来源：掘金 链接：巧用伪元素before和after制作绚丽效果所谓‘伪元素’，就是本身不存在的页面元素，HTML代码里并没有这样的元素，但在页面显示时，你却能看到这些本来不存在的元素发挥着作用。本文主要探究伪元素beforce和after的常用使用场景。CSS :before 选择器定义和说明:before 选择器向选定的元素前插入内容。使用content 属性来指定要插入的内
日期 2023-06-12 10:48:40CSS的超链接样式设计
大家好，又见面了，我是你们的朋友全栈君。超链接是网页中最常用的对象，每个网页通过超链接相互联系在一起，从而构成一个完整的网站。而根据路径的不同，超链接可以分为以下三类：内部链接：内部链接所链接的目标一般位于同一个网站中，对于内部链接来说，可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置，仅指定相对位置关系， 例如上图中的menu.hrml和login.
日期 2023-06-12 10:48:40