极客神殿

坚持,自由,信仰

CSS学习笔记:溢出文本省略(text-overflow)

在CSS3中,text-overflow属性的基本语法如下: clip:表示不显示省略文本,简单的裁切。 ellipsis:表示对象文本溢出时显示省略标记,省略标记插入的位置是最后一个字符。 ellipsis-word:表示当对象文本溢出时显示省略标记,省略标记插入的位置是最后一个词(w...

2018-10-15 23:28:11

阅读数:24

评论数:0

CSS 布局模式

 CSS 布局模式,有时简称为布局,是一种基于盒子与其兄弟和祖辈盒子的交互方式来确定盒子的位置和大小的算法。有以下几种形式: 块布局:用来布置文件。块布局包含以文档为中心的功能,例如 浮动元素或将其放置在多列上的功能。 行内布局:用来布置文本。 表格布局...

2018-07-04 21:11:21

阅读数:261

评论数:0

CSS优先级

浏览器通过优先级来判断哪一些属性值与一个元素最为相关,从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。 优先级是如何计算的? 优先级就是分配给指定的CSS声明的一个权重,它由 匹配的选择器中的 每一种选择器类型的 数值 决定。 而当优先级与多个CSS声明中任意一个声明...

2018-07-04 13:23:42

阅读数:36

评论数:0

CSS中可以和不可以继承的属性

一、无继承性的属性 1、display:规定元素应该生成的框的类型 2、文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shadow:文本阴影效果 white-space:空白符的处理 unicode-bidi:...

2018-07-04 13:06:17

阅读数:37

评论数:0

display的flex属性使用详解

flex的兼容性在pc端还算阔以,但是在移动端,那就呵呵了。今天我们只是学习学习,忽略一些不重要的东西。 首先flex的使用需要有一个父容器,父容器中有几个items. 父容器:container 属性:    display:flex;/flex块级,inline-flex:行内快/ ...

2018-05-21 22:33:48

阅读数:67

评论数:0

浅谈CSS3中display属性的Flex布局

最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex .container { display: flex; flex-direction: column; align-items: center; background-color: #b...

2018-05-21 21:49:32

阅读数:93

评论数:0

CSS之使用display:inline-block来布局

1.解释一下display的几个常用的属性值,inline , block, inline-block inline: 使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,width的值,大小由内容撑开. 可以使用padding,...

2018-05-16 21:01:29

阅读数:42

评论数:0

CSS响应式步骤进度指示器效果

Default.html<!DOCTYPE html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> ...

2018-03-10 16:27:34

阅读数:179

评论数:0

HTML元素的优先级

在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题,如下图 一、HTML元素的显示优先级HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框,密码输入框,单选输入框,复选输入框等等。常见的非表单元素包括:链接标记(A),DIV标记,SPA...

2017-07-27 22:21:19

阅读数:460

评论数:0

书籍截图

《Web异步与实时交互(iframe AJAX WebSocket开发实战)》

2017-07-25 09:49:39

阅读数:411

评论数:0

HTML5功能检测

谷歌浏览器火狐浏览器IE浏览器!!!!!!

2017-07-24 22:20:12

阅读数:229

评论数:0

H5项目常见问题汇总及解决方案

Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=...

2017-06-30 16:40:24

阅读数:961

评论数:0

html5 history微信浏览器返回不刷新

History API与浏览器历史堆栈管理:移动端开发在某些场景中有着特殊需求,如为了提高用户体验和加快响应速度,常常在部分工程采用SPA架构。传统的单页应用基于url的hash值进行路由,这种实现不存在兼容性问题,但是缺点也有–针对不支持onhashchange属性的IE6-7需要设置定时器不断...

2017-06-02 13:35:23

阅读数:17343

评论数:5

3D多边形背景动画

index.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3D多边形背景动画</title...

2017-03-08 21:13:50

阅读数:651

评论数:0

仿天猫浮动折叠菜单

未来,只属于那些知道自己归属的人。index.html<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>...

2017-02-11 23:24:47

阅读数:2419

评论数:0

IOS移动端(H5)alert/confirm提示信息去除网址(URL)

最近移动端项目用alert和confirm进行信息提示,但发现在iOS系统中,每次提示信息上面都会被添加一行URL地址。那么如何去掉地址提示呢,经查找和实现发现进行重写alert和confirm方法可解决此问题。 代码如下:重写alert方法:window.alert = function(na...

2016-11-15 11:27:50

阅读数:4476

评论数:1

HTML5 WebSockets功能的例子

Index.html代码如下: Web Sockets 示例 Web Sockets 示例 登录 注销 style.css的内容如下: body{ font-family:Calibri, ...

2016-07-18 00:15:04

阅读数:2555

评论数:0

HTML5的FileReader API在浏览器中一行行的读取本地文本文件

首先html代码如图: 单行读文本 Read $(function () { var lr = new LineReader(); //文件块chunkSize 默认1024B,可以自己设置大小new Line...

2016-07-16 14:52:11

阅读数:5349

评论数:0

手机移动端Html5控制布局

ViewPort 标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。使用 ViewPort 标记还表示文档针对移动设备进行了优化。ViewPort 标记的content值 是由指令及其值组成的以逗号分隔的列表。 例: width 和heig...

2016-07-14 15:39:14

阅读数:3344

评论数:1

HTML5的IndexedDB增删改查

IndexedDBtest.htm内容如下: function init() { var dbParams = new Object(); ...

2016-07-11 16:58:35

阅读数:11196

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭