随笔分类 -  技术加餐

CSS 定位 显示 排列
摘要：定位 position用来定位时，主要有三种： 1、position:relative 对应原来的位置来定位 2、position:absolute 对应父元素的窗体来定位 3、position:fixed 对应浏览器的窗体来定位 显示 display用来显示元素的显示方法： 1、display:b 阅读全文
posted @ 2018-04-20 19:28 FullStack~ELF 阅读(201) 评论(0) 推荐(0)
CSS 透明度级别 及 背景透明
摘要：opacity 是一个过滤属性，给元素添加透明效果 主要用于链接样式的鼠标悬停在图片上的效果 属性 value 指定不透明度。从0.0（完全透明）到1.0（完全不透明） inherit Opacity属性的值应该从父元素继承 background-color的透明方法 RGBA颜色值指定：RGBA（ 阅读全文
posted @ 2018-04-15 13:50 FullStack~ELF 阅读(2338) 评论(0) 推荐(0)
漂亮的按钮（CSS 过渡和链接样式）
摘要：HTML 代码： CSS 代码： 详解 链接样式： a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 transition属性： 1、指定CSS属性的name，transition 阅读全文
posted @ 2018-04-14 21:02 FullStack~ELF 阅读(4053) 评论(0) 推荐(0)
CSS 颜色渐变 图像渐变
摘要：向下渐变： background: linear-gradient(to bottom, blue, white); 向右渐变： background: linear-gradient(to right, blue, white); 向右下角渐变： background: linear-gradient(to bottom right, blue, white); 角度渐变： b... 阅读全文
posted @ 2018-04-13 19:51 FullStack~ELF 阅读(772) 评论(0) 推荐(0)
CSS 字体、边框阴影
摘要：box-shadow box-shadow属性向框添加一个或多个阴影 box-shadow的JS语法为： object.style.boxShadow="10px 10px 5px #888888" CSS语法： text-shadow text-shadow给字体添加阴影效果 text-shado 阅读全文
posted @ 2018-04-13 08:29 FullStack~ELF 阅读(453) 评论(0) 推荐(0)
CSS 发光字体
摘要：CSS3字体发光效果 CSS3 并没有直接设置发光效果的属性，但是可以利用 text-shadow 属性实现此效果 text-shadow 该属性为文本添加阴影效果 text-shadow: h-shadow v-shadow blur color; h-shadow: 水平阴影的位置(阴影水平偏移 阅读全文
posted @ 2018-03-19 18:52 FullStack~ELF 阅读(239) 评论(0) 推荐(0)
HTML 属性概况
摘要：全局属性： Window 事件属性 针对 window 对象触发的事件（应用到 <body> 标签）： Form 事件 由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）： 属性值描述 onblur script 元素失去焦点时运行的脚本。 onch 阅读全文
posted @ 2018-02-23 12:30 FullStack~ELF 阅读(146) 评论(0) 推荐(0)