随笔分类 -  css/html

摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <video controls width="300" height="300"> <source src="resource/video/OUTPUT.mp4" type="video/mp4"></so 阅读全文
posted @ 2019-10-05 19:42 mysunshine_SZZ 阅读(238) 评论(0) 推荐(0) 编辑
摘要:一、效果如下图所示 二、实现 1、实现思路 第一步:选取一个小的矩形形状作为马赛克矩形 第二步:在小的马赛克矩形中随机选取一个像素点, 第三步:将小矩形中的其他地方都填充成这个像素点的颜色 2、如图所示选取一个5*5像素的矩形作为马赛克小矩形,小马赛克矩形与像素矩形有如下所示的对应关系 3、 阅读全文
posted @ 2019-10-04 21:20 mysunshine_SZZ 阅读(1039) 评论(0) 推荐(0) 编辑
摘要:一、解决移动端点击图片时图片过小问题 1、问题场景:经常在移动端会动手点击图标达到某些操作。但是有时候图标过小,不容易点击到。 (1)比如我们要点击这样的图标,图标比较小不容易点击到 (2)解决方案:如下图所示,只需要将图标平铺到内容区域就可以解决。 (3)代码: (4)参考文档 http://ww 阅读全文
posted @ 2019-07-19 13:11 mysunshine_SZZ 阅读(364) 评论(0) 推荐(0) 编辑
摘要:一、前言 小案例地址:https://github.com/xiexumei/web-demo 二、主要内容 1、移动端面对的问题:因为手机屏幕和尺寸不一样,当我们用不同手机设备浏览的时候为了提高用户体验必须要做移动端适配 2、解决方案一: 流式布局 + viewport视口进行设置 流式布局:就是 阅读全文
posted @ 2019-07-16 23:13 mysunshine_SZZ 阅读(7410) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-05-20 17:19 mysunshine_SZZ 阅读(0) 评论(0) 推荐(0) 编辑
摘要:1、主要有三个方面的区别 主要有三个区别: 1、文档声明区别 HTML:超文本标记语言,一种纯文本类型的语言。 HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。 2、结构语义区别 html:没有体现结构语义化的标签,如:<div id="nav"></div> htm 阅读全文
posted @ 2019-05-19 10:16 mysunshine_SZZ 阅读(233) 评论(0) 推荐(0) 编辑
摘要:分享一个链接:包括45个css画的图形 http://mp.weixin.qq.com/s?__biz=MjM5NTEwMTAwNg==&mid=2650216157&idx=1&sn=c6c5e7fbe61ca67250712964a815929a&chksm=befe16fc89899fea87 阅读全文
posted @ 2019-05-19 10:12 mysunshine_SZZ 阅读(173) 评论(0) 推荐(0) 编辑
摘要:优先级:帧元素(frameset)的优先级最高 > 表单元素 >非表单元素 在html中, 帧元素(frameset)的优先级最高, 表单元素比非表单元素的优先级要高。 表单元素包括:文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等; 非表单元素包括:链接(a),div,table,s 阅读全文
posted @ 2019-05-18 12:26 mysunshine_SZZ 阅读(638) 评论(0) 推荐(0) 编辑
摘要:1、line-height三种表示方法(带单位,纯数字,百分比) 2、三者只是在给父元素使用行高,子元素继承的方式有区别 带单位:px(不用计算),em则会使元素以其父元素font-size值参考来计算自己的行高 纯数字:把比例传递给后代,例如父级行高为1.5,子元素字体为18px,则子元素行高为1 阅读全文
posted @ 2019-05-18 12:12 mysunshine_SZZ 阅读(751) 评论(0) 推荐(0) 编辑
摘要:一、前言 不得不说css真强大,总结了几个常用的css特殊效果 二、主要内容 1、几个特殊效果 2、使用2x 3x图做五星 阅读全文
posted @ 2019-04-28 20:45 mysunshine_SZZ 阅读(658) 评论(0) 推荐(0) 编辑
摘要:参考:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 阅读全文
posted @ 2019-04-25 20:41 mysunshine_SZZ 阅读(119) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示