搜索结果
查询Tags标签： 10px，共有 33条记录-
如何在纯 CSS 中创建视差滚动效果
如何在纯 CSS 中创建视差滚动效果Parallax scrolling (source: wikipedia.org) 您是否见过具有漂亮视差滚动效果的网站。这就是我们今天要创造的。 视差滚动是网站的不同部分以不同速度滚动的效果。大多数人尝试利用 javascript 库来实现这一点。但在这里，我们将提供一个…
2022/9/10 6:23:24 人评论 次浏览 -
CSS 设置滚动条样式 ::-webkit-scrollbar
::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用. ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块. ::-webkit-scrollbar-track…
2022/8/28 6:24:05 人评论 次浏览 -
CSS属性-【盒子模型】or【溢出属性】
一、盒子模型 1.内边距padding 1个值，4个方向一样 padding：10px; 2个值，上下，左右 padding：10px 10px ; 3个值，上 左右 下 padding：10px 10px 10px; 4个值，上 右 下 左 padding：10px 10px 10px 10px; 2.内边距特性 1.可以设置单一方向 padding-方向:top bottom l…
2022/4/15 6:16:00 人评论 次浏览 -
字体效果，内外边距排版
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>春雨-陈敏芳</title> <style type="text/css"> .box{ border: 3px #0099FF solid;/*设置边框粗细，颜色和类型*/ padding: 10px/*设置内边距…
2022/4/1 23:19:47 人评论 次浏览 -
css - 盒子模型圆角边框border-radius
设置盒子的边框为圆角：设置上下左右 border-radius：10px;设置上左 border-top-left-radius：10px; 设置上右 border-top-right-radius：10px;设置下左 border-bottom-left-radius：10px; 设置下右 border-bottom-right-radius：10px;设置为圆形 border-radius：50%;设置…
2022/3/27 6:24:16 人评论 次浏览 -
2D/3D——transform
transform 定义旋转的 语法： .mydiv{transform: rotate3d(30deg, 45deg, 100deg); }值 描述none 定义不进行转换。translate(x,y) 定义 2D 平移。(10px, 10px)就是把元素右移10px，再下移10pxtranslate3d(x,y,z) 定义 3D 平移。（3个值一个不能少）要用这个z值必须要先定…
2022/3/11 23:19:18 人评论 次浏览 -
Web前端学习第五天——————HTML、CSS篇.020CSS简写
背景： 可以省略其中一个属性 边框： 只有边框颜色能省略 字体： 可以省略一些属性，但是要注意顺序边框不能省略，省略了意思就变了，margin：10px（上） 15px（左右）15px（下）；margin：10px（上下）20px（左右）；margin：10px（上下左右） padding：同margin颜…
2022/1/6 23:34:34 人评论 次浏览 -
Web前端学习第五天——————HTML、CSS篇.020CSS简写
背景： 可以省略其中一个属性 边框： 只有边框颜色能省略 字体： 可以省略一些属性，但是要注意顺序边框不能省略，省略了意思就变了，margin：10px（上） 15px（左右）15px（下）；margin：10px（上下）20px（左右）；margin：10px（上下左右） padding：同margin颜…
2022/1/6 23:34:34 人评论 次浏览 -
css的transition过渡效果
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,…
2021/12/26 23:10:06 人评论 次浏览 -
css的transition过渡效果
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,…
2021/12/26 23:10:06 人评论 次浏览 -
html定位
1绝对定位绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素，基于绝度定为的元素不会占据空间。 绝对定位的位置声明是相对于已定位的并且包含关系最近的祖先元素，如果当前需要被定位的元素没有已定位的祖先作为参考值则相对于整个页面。 position:abs…
2021/11/14 6:11:23 人评论 次浏览 -
html定位
1绝对定位绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素，基于绝度定为的元素不会占据空间。 绝对定位的位置声明是相对于已定位的并且包含关系最近的祖先元素，如果当前需要被定位的元素没有已定位的祖先作为参考值则相对于整个页面。 position:abs…
2021/11/14 6:11:23 人评论 次浏览 -
2.html基础
hover： 1. 中间什么都不加 控制子元素； 2. ‘+’ 控制同级元素(兄弟元素)； 3. ‘～’ 控制就近元素； 定位三种：固定定位：相对于浏览器定位相对定位：相对于原本的位置定位（依然会占据原来的空间）绝对定位：相对于离它最近的已定位父级定位浮动能不用就不用，除非…
2021/11/10 23:42:20 人评论 次浏览 -
2.html基础
hover： 1. 中间什么都不加 控制子元素； 2. ‘+’ 控制同级元素(兄弟元素)； 3. ‘～’ 控制就近元素； 定位三种：固定定位：相对于浏览器定位相对定位：相对于原本的位置定位（依然会占据原来的空间）绝对定位：相对于离它最近的已定位父级定位浮动能不用就不用，除非…
2021/11/10 23:42:20 人评论 次浏览 -
百度网址的代码
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> /*…
2021/11/7 23:40:12 人评论 次浏览
