【青山css】css3阴影效果属性详解及创意玩法
前言css阴影效果是我们经常使用的一个css属性,但你有仔细了解过它吗?是不是用的时候直接从蓝湖上复制过来就行了,那你了解它的每个参数吗?用阴影又能实现哪些好看的效果呢?来看一看我收集总结的css阴影知识吧,可能不全面,欢迎补充。属性介绍语法box-shadow: x-shadow y-shadow
css常见居中方法总结
最近跟着网上的教程做了几个网页项目,做的过程中关于居中涉及到了好几种方法,遂想将其总结归纳下来,一是理清自己的思路,而是希望能分享给需要帮助的小伙伴们。话不多数,直奔主题。本次涉及到的居中方法有七种,均为平时会常用到的。目录1.text-align:center 用于水平对齐2.使用line-hei
【HTML5】调查问卷制作简约版
本期讲解:date属性、radio属性、checkbox属性、textarea标签、required属性、button标签的用法,以及实现一个简易的调查问卷。
浅析函数栈
函数调用大家都很熟悉了,写代码的人每天都在各种调用,那这个函数调用怎么实现的呢,通过栈实现的,但并不是说只能用栈实现,只是正好栈的先入后出,后入先出的特性正好满足函数调用的特性。如果感兴趣的可以研究研究其他的方式。下面就介绍一下函数栈。 ...
前端之CSS
CSS基本语法和用法
css点击文字(非按钮) 能自动改变颜色。
css点击文字(非按钮) 能自动改变颜色。
深入理解CSS之flex精要之 flex-basis flex-grow flex-shrink 实战讲解
这篇文章对flex不熟也可以看。这篇文章只讲这三个属性。为了简单化,不会提到主轴交叉轴,也不讲方向,默认方向就是水平方向从左往右。但并不影响对这三个概念的理解。如果你觉得对flex比较了解,可以直接从第二小节开始看起。
常用的几种布局方式---Flex 布局(垂直居中展示)
常用的几种布局方式---Flex 布局(垂直居中展示)
CSS 系列 -- 块级元素靠右的实现方式
想要块级元素居右往往设置属性是行不通的下面介绍五种方法,不同场景适用不同方法。特:块元素的父元素实现子块调转默认的靠右对齐实现靠左对齐
css渐变
css线性渐变、径向渐变、太极案例
[前端面试题]flex上下布局
[前端面试题]flex上下布局
设置浏览器显示小于12px以下字体的三种方法
小于12px字号的三种解决办法
手把手教你用js实现手机通讯录功能(附源码)
当用户手动导航或者 CSSOM scrolling API 触发滚动操作时,CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,其他任何的滚动,例如那些由于用户行为而产生的滚动,不受这个属性的影响。a标签里href的属性值,用#id表示,分别与左侧列表里的div的id名字一一对应
使用Hexo部署静态网站或博客到github(gitee)时css或js样式无法显示的问题原因以及解决方案
既然不是语法的问题那就是路径的问题了,可能是路径问题导致的css或js文件未导入或未加载到,我就开始检查我的hexo里的_config.yml文件。url 是github的仓库地址,无误,但root是要填仓库所在的根路径,这里却填成了仓库路径,导致路径找不到,所以样式无法加载,这样把错排出来后面就简
vue 之 CSS进行样式穿透的方法(/deep/、::v-deep、>>> 、:deep、额外的全局<style>)
在很多vue的组件库 , 如vant,elementUI, iview等都可能自定义一些样式文件,如果我们在项目中引入了样式组件或者通过v-html渲染了数据,然后想要去修改他们内部的某元素的样式, 直接修改样式很可能不起作用,修改无效, 但如果直接去掉scoped话又会影响全局样式,令人头疼。本文
CSS伪类选择器
CSS的选择器有很多种,有一种选择器,与其他选择器完全不同,我们来讲一讲这个选择器——伪类选择器伪类选择器我们伪类选择器有几种,我们来看看第一种静态伪类: 只能用于超链接的样式:link超链接点击之前 :visited链接被访问过之后以上两种样式,只能用于超链接实际用法还得实际分析,我们来看看这一张
CSS渐变背景看这一篇就够了
CSS渐变背景看这一篇就够了在我们自己设计网页的时候,为了好看美观,颜色可谓是最让人头疼的一部分。尤其是在配色上又找不到一些好看的网站。今天我就来记录一些好看的渐变式背景,和一些常用的颜色网站。CSS 渐变使可以显示两种或多种指定颜色之间的平滑过渡。让我们来玩一玩,看能玩出什么花来。CSS 定义了两
Less 中变量的使用(详解)
Less 中变量的使用(详解)
HTML <span>标签
HTML 中的标签被视为内联元素。它类似于 div 标记,但 div 标记特意用于块级元素,而 span 用于内联元素。HTML 中的 Span 标记用于通过使用元素类或 id 属性为特定内容提供样式。使用 HTML 文档中的 span 标记本身无法进行视觉更改。从上述所有信息中,我们了解到HTML
使用 JavaScript 的响应式计数器动画
在本文中,我们将学习如何使用 HTML CSS 和 JavaScript创建我们在很多地方都可以用,比如适用于不同类型的个人网站、企业网站等。这种类型的最常用于商业网站。例如,如果你想在你的企业网站上显示一些产品的数量,可以使用此项目。这里的数字之间使用了计数动画。开发人员经常使用这种类型的响应式计