0

三栏布局(一)-------左右宽高固定,中间自适应

常见的页面布局有 1、左右宽度固定,中间自适应; 2、上下高度固定,中间自适应; 3、左宽度固定,右自适应; 4、上高度固定,下自适应, 下边是我看过网上的视频后写出来的三栏布局-左右宽高固定,中间自适应; 有5种布局方式:float; position; flex; table; grid; 下图 ...

没结尾的结尾 发布于 2018-11-30 18:51 评论(0)阅读(70)
1

Css中display:inline-block用法详解

display:block就是将元素显示为块级元素 block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inlin ...

双眸 发布于 2018-11-30 18:50 评论(0)阅读(40)
0

关于CSS和JS中用到的各种Height和Width的问题

自己记不住,列一下关于CSS和JS中用到的各类有关Height和Width属性的介绍对比. 1.除非调整显示器的分辨率,否则这个值可以看作常量,不会发生变化。 2.显示器的分辨率与浏览器设置无关,缩放网页并不会改变分辨率。 如果有错误,麻烦您指出,相互学习. 谢谢~~ ...

院长丶 发布于 2018-11-30 16:36 评论(0)阅读(40)
0

CSS图标文字不对齐

页面排版经常遇到‘图标+文字’的需求,正常样式写下来是这样 ​, 但产品要的应该是长这样 ​,怎么办呢?其实很简单,加个样式看看 浏览器都支持,当然后面的值是上对齐,下对齐,还是居中就要你自己去发挥喽~ ...

RossDan 发布于 2018-11-30 11:18 评论(1)阅读(66)
1

关于子元素的margin-top对父级容器无效

如果不想看那么长,看下面这句话就好了。 刚开始我没看到这个总结时一直是使用自己摸索出来paddin-top解决,发现该方式并不好。亲测给父级加一个overflow不为visiable的属性就直接解决了,简单明了。 这是在做布局时的一个经典问题。那这个问题是怎么产生的呢?主要是合并margin的问题, ...

我在广州写bug 发布于 2018-11-30 10:54 评论(0)阅读(84)
0

EasyUI动态改变输入框width

function changeEUIBoxWidth(id, width){ $('#'+id).parent().find($('span:eq(0)')).css('width',width+'px'); $('#'+id).parent().children("span").eq(0).css ...

Liuxiaoke 发布于 2018-11-30 10:05 评论(0)阅读(37)
0

百度智能小程序弹窗组件wcPop|智能小程序自定义model弹窗模板

百度智能小程序自定义弹窗组件wcPop|百度小程序model对话框|智能小程序弹窗界面模板 最近百度也推出了自己的智能小程序,如是就赶紧去试了下,官方提供的api还不是狠完整。而且官方提供的弹窗组件也不能满足一些复杂展示场景,所以就自己动手封装了个智能小程序弹窗wcPop自定义模板插件。 百度智能小 ...

xiaoyan2017 发布于 2018-11-30 00:49 评论(0)阅读(101)
0

HOW TO: THE LIFE CYCLE OF A CUSTOM ELEMENTS

With Custom Elements, web developers can create new HTML tags, beef-up existing HTML tags, or extend the components other developers have authored. ...

Dmitiry 发布于 2018-11-29 23:02 评论(0)阅读(6)
0

js字符串如何倒序

1. 2. 3.(类似法2) ...

执白 发布于 2018-11-29 22:32 评论(0)阅读(55)
0

HTML DOM 知识点整理(一)—— Document对象

一、DOM对象 DOM对象整体包括: HTML DOM Document对象 HTML DOM 元素对象 HTML DOM 属性对象 HTML DOM 事件对象 HTML DOM Console 对象 CSS Style Declaration 对象 二、 Document对象详解 HTML DOM ...

执白 发布于 2018-11-29 21:49 评论(0)阅读(45)
0

HOW TO: WEB-COMPONENTS

The web is constantly evolving. The technology was conceived and implemented based on the needs, current at the time of creation. The business require... ...

Dmitiry 发布于 2018-11-29 17:30 评论(0)阅读(40)
0

input date 支持placeholder属性

第一种解决方法:IE,火狐浏览器,不支持input date的日历功能,火狐支持日历功能 ie,火狐,谷歌显示placeholder属性 css代码 #dateofday:before{ color:#808080; content:attr(placeholder); -webkit-appear ...

kuangx 发布于 2018-11-29 14:48 评论(0)阅读(17)
0

JS之ClassName属性使用

一、style与className属性的对比 在前面的style属性学习中,知道了通过style属性可以控制元素的样式,从而实现了行为层通过DOM的style属性去干预变现层显示的目地,但是这种就是不好的,而且为了实现通过DOM脚本设置的样式,你就不得不花时间去研究JavaScript函数,去寻找对 ...

JoeJoan 发布于 2018-11-29 10:59 评论(0)阅读(68)
1

css3 flex弹性盒子布局梳理,打通任督二脉

挺早就接触了css的flex布局,深入使用也就是在近期移动端开发。老来多健忘,只能自己梳理一下知识点,当做温故知新吧。 ,请原谅小白的才疏学浅,写的不到位的地方请指正。 flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间。也就是说当某个div使用了flex后,div也就成为了flex容器, ...

我在广州写bug 发布于 2018-11-29 10:50 评论(0)阅读(146)
0

CSS单行格式化与压缩

工具简介:CSS单行格式化与压缩工具 ...

microsoft-zh.cn 发布于 2018-11-28 23:12 评论(0)阅读(93)
0

第一篇博客

测试一下 https://www.cnblogs.com/fswhq/p/springboot_html.html 看到的3d图片旋转效果 奇怪,在编辑页面是可以的,发布之后的页面上就不行了,style中的部分样式不见了。。。 把样式移到了博客自定义css里了 ...

maikatsura 发布于 2018-11-28 19:49 评论(0)阅读(39)
0

html+css 制作简易导航栏

二话不说直接上代码(萌新:实在也没什么好说的) 主要就是css(级联样式表)对html的内容做格式化(不太会表述); 其中对元素可以直接用标识对其设置格式;对某个id为nav的元素做格式化,要在前面加#;对class=“nav”修改格式要在nav前加 "." 这三个的应用我自己还是不太熟悉,就不说了 ...

JaFlower 发布于 2018-11-28 19:16 评论(1)阅读(126)
0

CSS常见布局

一、单列布局 1. 水平居中 1.1 使用inline-block和text-align 1.2 使用margin:0 auto实现 1.3 使用绝对定位实现 1.4 使用flex布局实现 2. 垂直居中 2.1 使用vertical-align 2.2 使用绝对定位实现 2.3 使用flex实现 ...

crackedlove 发布于 2018-11-28 18:01 评论(0)阅读(108)
0

CSS布局模型

css三种基本网页布局模型: 流动模型(Flow)、浮动模型(Float)、层模型(Layer) 流动模型(默认状态下的模型)特点: 块状元素在所包含元素内自上而下按顺序垂直延伸分布,内联元素在所处的包含元素内从左到右水平分布 浮动模型 可以让两个块状元素并排显示 float:left float: ...

歪脖大叔 发布于 2018-11-28 17:33 评论(0)阅读(57)
0

ueditor笔记

一、ueditor是什么 UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。 二、ueditor的下载 下载网址:https://ueditor.baidu.com/website/do ...

贺刘芳 发布于 2018-11-28 14:07 评论(0)阅读(37)