排序:
默认
按更新时间
按访问量

div或者p标签单行和多行超出显示省略号

单行文本溢出显示省略号 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行文本显示省略号 display: -webkit-box; -webkit-box-orient: vertical; -webkit...

2018-10-07 20:22:30

阅读数:21

评论数:0

布局的时候什么时候用xs,sm,md,lg?

参考知乎等网上资料,整理的!   当你想要内容大小随着屏幕大小自动适应的时候就可以使用bootstrap,也就是在pc端以及不同手机(显示屏大小不同)端内容也能够正常显示的时候。 一行最多占十二个标签,不管是大屏还是超小屏的时候。 col-lg一般用于大屏设备, (min-width:120...

2018-10-06 21:40:46

阅读数:13

评论数:0

div或者p标签单行和多行超出显示省略号

单行文本溢出显示省略号   overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行文本显示省略号   display: -webkit-box; -webkit-box-orient: vertical; -...

2018-10-05 20:27:18

阅读数:116

评论数:0

css引入的字体库

原文地址:https://www.2cto.com/kf/201312/265179.html @font-face可以实现从服务器端加载字体,所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意,早在2001年时就被提出来,只不过近两年才被各浏览器广...

2017-12-01 18:02:28

阅读数:703

评论数:0

[html5入门-28]css禁用鼠标点击事件

.disabled { pointer-events: none; } 禁用所有该元素下的鼠标点击事件

2017-06-05 13:15:26

阅读数:1632

评论数:0

[html5入门-27]CSS布局奇淫巧计之-强大的负边距

来源:点击打开链接 css中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的。本文非常基础,老鸟可以略过。 负边距在普通文档流中的作用和效果 那些没有脱...

2017-06-01 19:32:45

阅读数:249

评论数:0

[html5入门-26]CSS3高级特性之二维动画

CSS3中提供了动画制作标签animation和规则@keyframes,利用代码即可制作出简单的二维动画,下面分享下简单二维动画制作方法。 一 animation标签语法 1     animation-name 设置动画名称,指定要绑定到选择器的关键帧的名称(与keyframes名称相同)...

2016-10-15 16:52:32

阅读数:410

评论数:0

[html5入门-25]CSS中为了select下拉项目设置超链接

网页布局中往往一个网页布局不了过多的项目,需要加载到其他的页面继续浏览,加载方法很多,下面提供一种利用select下拉项目加载其他网页的方法。 代码如下: 下拉选择 function check(obj){ if(obj=="相册1"...

2016-10-13 23:53:28

阅读数:473

评论数:0

[html5入门-24]深度分析css3高级特性中的线性渐变

在学习css3线性渐变的时,深感受其属性迷惑,为此摸索总结深扒出其特性,分享于下文。 主要内容: 1 线性渐变中渐变方向的角度问题; 2 渐变起始点、终点的精确定位; 3 与PS中渐变的异同; 3 渐变方向问顶点时的具体表现形式。

2016-10-13 03:11:48

阅读数:1603

评论数:0

[html5入门-23]CSS3高级特性之径向渐变

一 语法 background-image:radial-gradient(position,shape size,start-color, color,.. 1 position 渐变中心位置 值有center,top left(左上角),topright(右上角),bottom left(左...

2016-10-12 20:48:21

阅读数:347

评论数:0

[html5入门-22]流式布局应用举例

html布局中的流式布局实质是页面标签利用百分比进行布局,元素大小会随着页面大小变化而变化,但是当页面变得过大或过小是,页面元素就不能正常显示。下面利用流式布局的特点实例演示。 一 确定页面标签的百分比就需要知道标签元素之前的实际数值,现有自适应布局的页面如下 其源代码如下: ...

2016-10-11 08:49:22

阅读数:398

评论数:0

[html5入门-21]Html中的几种布局简单比较

html中的布局主要由静态布局、自适应布局、流式布局以及响应式布局几类,简单比较以下这几种布局的区别和特点。 一 静态布局(Static Layout) 表现:在传统web设计中,不管浏览器尺寸具体大小多少,网页的布局会一直按照最开始的布局来显示。 特点:固定死宽高。 二 自适应布局(Adapti...

2016-10-10 22:17:26

阅读数:1450

评论数:0

[html5入门-20]伪类与伪元素辅助理解

辅助理解一: 在平时工作中用到伪类选择器的时候一个冒号和两个冒号貌似都是可以的,所以两者到底有什么区别呢,我们先来看下W3C关于CSS3选择器的规范中有一段描述: A pseudo-element is made of two colons (::) followed by the name of...

2016-10-06 03:44:03

阅读数:308

评论数:0

[html5入门-19]伪类选择器与伪类元素的区别——看人家怎么说

CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立...

2016-10-06 03:38:12

阅读数:1393

评论数:0

[html5入门-18]浅谈html5布局中的overflow和display的用法

作为页面布局中两个常用的标签,overflow和display在我的学习中经常用到,本文总结了两者各自的用法。 一.Overflow的用法 在W3C标准中,overflow表示当内容溢出元素框时的处理,它具有hidden,scroll,auto,visible和inherit四个属性值,默认值为v...

2016-10-06 03:04:48

阅读数:939

评论数:0

[html5入门-17]html常用标签分类

标签的分类: 一 块级标签(block) 1. 2.段落标签 3.... 4.(有序)  (无序)  (列表说明) 5.表格标签 6.水平线 7.表单 8.格式预处理标签(如果输入了换行 这个标签就可以将内容换行显示在网页上) 特点: 1.独占一行 2.元素宽高可设置 3.支持所有的css样式 4...

2016-10-06 02:18:16

阅读数:424

评论数:0

[html5入门-16]position的几种定位区别

Html5中position的定位主要分为绝对定位,相对定位,静态定位,固定定位,继承父级定位,语法分别为position:absolute|relative|static|fixed|inhret,定位之后可以设置top,bottom,left,right四个属性值,其中优先级优先级:top&g...

2016-10-06 02:08:16

阅读数:4205

评论数:0

[html5入门-15]Html布局中简单的table的制作方法

在古老的浏览器网页中,相当部分布局是由table表格完成的,本文分享一下table标签的一些用法和常用属性设置。

2016-10-05 20:43:09

阅读数:2097

评论数:0

[html5入门-14]一探究竟“后代选择器与子选择器的区别”

当选择器使用标签名多用后代时,对于后代选择器,会作用到子代和子代所有与其相同标签名的子级;对于子选择器,只作用到子代而不会作用子代任何的子级。 当选择器使用class名时,对于后代选择器,会作用到子代和子代所有与其相同class名的子级,如果没有与其class名相同的子级,则只作用到子代,;对于子...

2016-10-05 18:42:25

阅读数:1625

评论数:0

[html5入门-13]html中利用border相关标签绘制三角形、菱形、梯形、圆形和圆环

本文主要跟大家分享一下如何在div标签中利用border相关属性实现页面显示三角形、菱形、梯形、圆形和圆环。

2016-10-05 17:23:53

阅读数:920

评论数:0

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