摘要: 大家看到好多电商网站都见过经典三列布局,它也叫做圣杯布局 ,是Kevin Cornell在2006年提出的一个布局模型概念,这个在国内最早是由淘宝UED的工程师传播开来,在中国也有叫法是双飞翼布局,它的布局要求有以下的几点: 1、三列布局,中间宽度就自适应,目的都是左右两栏固定宽度; 2、在执行代码 阅读全文
posted @ 2018-07-19 16:32 简称LCH 阅读(587) 评论(0) 推荐(0) 编辑
摘要: 这里简单说明一下@media 查询。 详细说明文档:http://www.runoob.com/cssref/css3-pr-mediaquery.html 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设 阅读全文
posted @ 2018-07-19 16:13 简称LCH 阅读(610) 评论(0) 推荐(0) 编辑
摘要: 这里主要用到了before与after属性之前之后 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>画画</title> <style> #xing{ width: 100px; height: 80px; positi 阅读全文
posted @ 2018-07-19 13:31 简称LCH 阅读(548) 评论(0) 推荐(0) 编辑
摘要: 这个图形忘了在哪里见过的,不过见过有一些网站有这种图形。我这里做了一个简单的练习,希望帮到有需要的人。 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形</title> <style type="text/css"> 阅读全文
posted @ 2018-07-19 13:28 简称LCH 阅读(190) 评论(1) 推荐(0) 编辑
摘要: CSS实现单行、溢出显示省略号(…) 把要设置的显示省略号的标签,加上以下的属性 阅读全文
posted @ 2018-07-19 11:49 简称LCH 阅读(469) 评论(0) 推荐(0) 编辑
摘要: 做这个案例之前首先要大概了解CSS的transform的属性 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 看看效果图 打开的时候自动旋转,当鼠标经过的时候加快旋转速度,鼠标移开就恢复原来的速度。 参考代码:(为了美观可以自已加上一直背景 阅读全文
posted @ 2018-07-19 11:39 简称LCH 阅读(2181) 评论(0) 推荐(0) 编辑
摘要: 初学HTML接触table少不了,但是实际应用的地方也有。 简单说明HTML <table> 标签 定义和用法 <table> 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 border 定义表格 <tr> 元素定义表格行,< 阅读全文
posted @ 2018-07-19 09:29 简称LCH 阅读(19485) 评论(1) 推荐(0) 编辑
摘要: 这个小dome简单来说的前后端分离,通过跨域调用接口来显示数据。 前端用到mui框架,主要来显示数据。 后端用到Java的springMVC,restful服务来做增删改查管理, 这里主要实现动态显示商品,剩下那些数据都是写固定的,不是动态的。 先看没有数据的的样子 前端的商品显示: 后台的管理: 阅读全文
posted @ 2018-07-17 20:42 简称LCH 阅读(2411) 评论(0) 推荐(0) 编辑
摘要: 刚刚接触小程序,小程序与HTML5有一定的差别,小程序就几个标签,而HTML5一大堆标签,还不断更新,但是新增标签功能强大。做一下微信小程序的布局练练手。感觉还是挺不错的,也封装了很多东西功能出来,与mui有类似。 做这个简单的布局,以大海为主题,蓝色调为主色,浅灰为辅。 阅读全文
posted @ 2018-07-17 15:53 简称LCH 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 微信小程序的右上角就有分享功能 但是必须逻辑层必须有onShareAppMessage这个方法, /** * 用户点击右上角分享 */ onShareAppMessage: function () { }, 微信小程序转发官方文档:https://developers.weixin.qq.com/m 阅读全文
posted @ 2018-07-16 17:23 简称LCH 阅读(445) 评论(0) 推荐(0) 编辑