旋转: rotate transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);ps:X,Y,Z轴大写 单位deg(度) ...
旋转: rotate transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);ps:X,Y,Z轴大写 单位deg(度) ...
作用: 放大/缩小倍数数值1: 原图大小transform: scale(1); 设置x轴和y轴 可以设置两个数值 逗号隔开 (宽高) transform: ...
平移:transform: translate(100px,80px); 例: 效果:
指定过渡属性:transiton-property: width,height;单独设置过渡时间:transition-deraction: 10s; 设置动画延迟:tra...
钟表盘 刻度+指针: 样式: 效果图:
transform: rotate(45deg); transform-origin: 0px 0px; 1. 效果: 2.钟表盘: 效果:
灰色度:filter: graycale(100%); 棕色滤镜:filter: sepia(100%); 色彩饱和度:filter: saturate(0%); 色度反转:...
属性选择器: 写在开始标签里的东西 都是标签的属性 选择指定标签的指定属性 标签名[属性名] { } 选择指定标签的指定属性的指定值 标签名[属性名="属性值"] { } 选...
1. background -图片固定定位+将整个背景图以窗口为参照物 固定+不管是页面发生滚动 还是 背景图的盒子 位置发生变化+背景图都静止不动+且 只有这个背景图的盒子...
回字形线条 蒙版+四条线分别出现+延时效果 html less @import '../../12_less/style.less';.fbox{width: 300px;h...
number 数字输入框 range 滑动条 date 日期控件 month 月份 week 周 time 时间 datetime-local search 搜索框 col...
动画过渡时间当css属性值发生改变时 让改变以规定的时间执行单位 s hover原本是a标签上的一个伪类由于其特殊的性质(鼠标悬停触发)我们可以使用其进行一系列特效的设置 标...
1.文字设置 div{** /* 设置文字大小 单位是像素浏览器默认的文字大小是16px通常浏览器可识别的 最小文字大小是12px**注意!!!设置文字大小的时候 尽可能设置...
1.maring 边框也算盒子本身的大小两个相邻元素之间的间距计算上下外边距按最大的间距算左右外边距按两个外边距之和算 2.padding 内边距 3.border 4.ba...
1.有序标签和无序标签 1.无序列表(ul)按照规范 ul下只能写 li特征: 每一行前都会有一个项目符号通常我们用它来写列表或者导航栏点 是默认效果ul和li都是块标签 2...
标签 根据有无闭合标签可分为:单标签、双标签单标签:meta双标签:html、head、body、div、span根据页面渲染可分为:块标签、行标签div(块标签):独占一行...
简介 Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,Markdown文件名的后缀便是".md"。 标题 使用# 一级标题 二级标题 三级标...