css/html
记录实际项目开发中利用css或者html布局解决的一些问题
MRSLLLL_
这个作者很懒,什么都没留下…
展开
-
html5本地图片预览
1、文件控件中又一个files属性,其中保存了上传文件的各种属性,它是一个伪数组形式,可以上传保存1个文件或多个文件2、对于这些文件信息(本例中的文件就是用户选中的图片),我们通过window.URL.createObjectURL()来创建一个临时的路径,这个路径可能是像这样:blob:http://localhost:3005/fc517910-1300-44f3-a6e8-d52f56f...原创 2019-06-26 20:14:39 · 766 阅读 · 0 评论 -
css3中2D、3D属性详解
2D转换 transform 首先要清楚一点,在css中的x轴正方向从左至右,但是y轴的正方向是从上至下。位移(改变元素的位置)transform: translate(x,y)定义2D转换,沿着x轴和y轴移动,实际上本质和定位当中的left right top bottom一样。例如:.box { transform: translate(100px,200px); ...原创 2019-05-15 23:57:25 · 1151 阅读 · 0 评论 -
利用background-clip:text实现文字颜色的线性渐变
想要实现的事文字的颜色渐变,效果图如下:文字颜色从左向右渐变,由红变绿代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> h2 { ...原创 2019-05-11 12:16:30 · 625 阅读 · 0 评论 -
网站优化三大标签以及logo优化常用方法
网站优化的三大标签SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”!SEO是指通过对网站进行站内优化、网站结构调整、网站内容建设、网站代码优化等)和站外优化,从而提高网站的关键词排名以及公司产品的曝光度。 简单的说就是,把产品做好,搜索引擎就会介绍客户来。网页title 标题title具有不可替代性,是我们的内页第一个重要标签,是搜索...原创 2019-04-24 08:41:37 · 1380 阅读 · 0 评论 -
css清除浮动的方法
为什么要清除浮动??因为浮动元素不占据标准流的位置了,所有它会对后面元素的排版产生问题。为了解决这些问题,此时就需要在该元素中清除浮动。准确地说,并不是清除浮动,而是清除浮动后造成的影响。**首先最简单的方法,就是给父元素设置高度!!**但是实际开发中,有很多情况子元素的高度是不固定的,因此不能去给父元素设置固定高度,而是要靠子元素内容的高度去撑开父元素。那么我们就用css里的c...原创 2019-04-21 23:51:21 · 232 阅读 · 0 评论 -
css三角形的制作
css制作三角形的原理很简单,主要就是将盒子的宽高设为0,加上边框的宽度和颜色分解步骤给大家看一下,先定义一个宽高10px的灰色黑字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &...原创 2019-04-21 08:50:34 · 482 阅读 · 0 评论 -
[学习技巧记录]服务模块样式细线技巧和服务模块溢出隐藏技巧
<div class="service"> <ul> <li> <a href="#"> <span></span> <p>话费</p> </a> </li> <li> <a href="#"> <span></span> <p>机票</p> </a> </li>原创 2019-04-20 16:03:35 · 298 阅读 · 0 评论