码云笔记提示:你现在浏览的网站是镜像网站

请访问原网站:www.mybj123.com
声明:码云笔记唯一指定网址为:mybj123 .com,其他网址均为冒充,望周知!!!前端技术交流群:565733884

2018年08月的内容

HTML/CSS

如何使table表格td中超出的文字以省略号显示

如何使table表格td中超出的文字以省略号显示
在现实开发中经常会遇到文字过长导致用户体验度不好的现象,所以我们常用到的解决方法就是使过长的文字隐藏显示省略号,鼠标滑过显示完整的文字,这样既解决了文字过长的问题,又使得用户体验更好。关键是纯css就能搞定,接下来就为小伙伴们介绍详细实现方法。 我们在控制一个div里的内容很简单...

8个月前 (08-31) 492℃ 5喜欢

HTML/CSS

纯css实现table的表头固定tbody内容显示垂直滚动条

纯css实现table的表头固定tbody内容显示垂直滚动条
最近在做项目是经常用到table表格来做数据统计,数据少时还好,但是数据多就会导致整个页面看起来乱,用户体验不好,为了使得用户体验更好,所以就会为table的内容上显示滚动条,这样即使再多的数据也不怕因为过多导致页面显示难看。实现的方法有很多,这里列举几个比较好的整理下来,作为一...

8个月前 (08-30) 2135℃ 6喜欢

JavaScript

event.stopPropagation() event.preventDefault() return false的区别以及阻止事件冒泡的兼容方法

event.stopPropagation() event.preventDefault() return false的区别以及阻止事件冒泡的兼容方法
关于前端的事件冒泡一直是困扰着接触不就的js人,当然一些大神级别的可以绕道,但不免也有些困扰的old程序员,在项目中经常会遇到些,正好今天想起来了,就总结一下,希望对大家有所帮助。 什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的...

8个月前 (08-29) 212℃ 2喜欢

CSS教程

CSS教程之为网页添加样式

CSS教程之为网页添加样式
认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: p{ font-size:12px; color:red; fon...

8个月前 (08-27) 132℃ 0喜欢

CSS教程

CSS教程之继承、层叠、特殊性和重要性

CSS教程之继承、层叠、特殊性和重要性
继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 p{color:...

8个月前 (08-27) 164℃ 3喜欢

CSS教程

css教程之选择器

css教程之选择器
什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如代码中的“body”就是选择器。 body{ f...

8个月前 (08-27) 133℃ 0喜欢

CSS教程

CSS教程之样式的写入方式

CSS教程之样式的写入方式
CSS样式可以写在哪些地方呢?从CSS样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。 内联式css样式 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red">这里文字是红色。&...

8个月前 (08-26) 162℃ 0喜欢

CSS教程

CSS教程之格式化排版

CSS教程之格式化排版
文字排版–字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设...

8个月前 (08-25) 142℃ 1喜欢

CSS教程

CSS盒模型

CSS盒模型
元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、...

8个月前 (08-25) 150℃ 0喜欢

CSS教程

css教程之布局模型入门详解

css教程之布局模型入门详解
CSS包含3种基本的布局模型(Flow、Layer 和 Float) 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer) 流动模型 流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的HTML网页...

8个月前 (08-25) 181℃ 1喜欢

CSS教程

css代码缩写方法总结

css代码缩写方法总结
盒模型缩写方法 在之前的盒模型教程中外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的,即上右下左。具体应用我们以margin和padding的为例代码如下: margin:10px 15px 12px 14px...

8个月前 (08-24) 166℃ 2喜欢

CSS教程

css单位和值

css单位和值
颜色值 在网页中对于颜色的设置是非常重要,比如字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,而设置颜色的方法也有很多种,接下来一一为大家介绍: 英文命令颜色 p{color:red;} RGB颜色 这个与 photoshop 中...

8个月前 (08-24) 133℃ 0喜欢

CSS教程

css样式设置奇淫技巧推荐

css样式设置奇淫技巧推荐
在项目实际开发中,利用一些开发小技巧可以达到事半功倍的效果,减少开发时间,同时也能满足需求,何乐而不为呢?这篇文章就是整理日常经常遇到的css技巧,当然对于老手根本算不上是什么,但是对于新人是很有帮助的。 水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景,比...

8个月前 (08-24) 164℃ 0喜欢

JavaScript

jquery ajax如何高效的执行请求

jquery ajax如何高效的执行请求
什么是AJAX Ajax即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。Ajax是异步 JavaScript 和 XML(标准通用标记语言的子集),用于创建快速动态网页的技术,在无...

8个月前 (08-24) 201℃ 2喜欢

JavaScript

定时器setTimeout和setInterval的工作原理以及优缺点

定时器setTimeout和setInterval的工作原理以及优缺点
我们在做项目的时候有时候会遇到一些需求,要求我们间隔一段时间执行某段代码,或者是在给定的时间内重复执行代码,从而达到某种效果。这就需要我们用到Javascript中的定时器方法setTimeout和setInterval来完成,这两种方法可能看起来非常像,而且显示的结果也会很相似...

8个月前 (08-22) 304℃ 5喜欢