由于项目需要,所以打算好好学习下bootstrap框架,之前了解一点,框架总体不难,但涉及到的东西还是很多,想要熟练掌握它,还是要多练练。 一:bootstrap是什么? bs是什么? 即前端页面搭建的标准化框架工...
说明 在前端开发中,经常会遇到需要限制单元格宽度并且内容超出部分显示省略号的的情况。下面就简单的介绍下如何达到这种效果。 准备知识 1. 控制文本不换行 white-space: nowrap; 2. 超出长度时,出现省略号 ove...
做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总...
前言 相信在移动端开发的过程中大家都会发现,移动端的显示一般与桌面端的不一样。比如在iphone6上显示一个1334x750像素大小块状元素,虽然在苹果官网上iphone6标称的屏幕像素密度是1334x750规格,但是我们却发现...
前言 之前给大家讲到图片和文字垂直方向不对齐的问题,其中举的小例子中用到了一个小图标,这个小图标我用的是背景图来显示: .del .icon{ display: inline-block; width: 20px; height: 25px; margin-right: 5p...
前言 本文主要给大家介绍了关于web开发之跨域的解决方案,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 什么是跨域? 概念如下:只要协议、域名、端口有任何一个不同,都被当作是不同的域 ...
一、单行溢出 1,单行溢出,超出部分显示...或者截取。前提必须有宽度。 CSS:{width:xxpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;},截取为clip; 实现代码: width:300px; overflow: ...
不仅不同浏览器不同,不同的字体,不同的文字大小也会表现不一样。 重置 form checkbox & radio 因为不同浏览器解析不一样,有些是默认margin,有些是默认padding,还有ie6,7连margin和padding即使设置为0后,...
前言 看了一下之前发布的文章,关于前端性能优化的,有网站前端性能优化之javascript和css及jquery的 jquery编程的标准写法和最佳实践 。前端性能优化是一个不断追求的过程,前面的文章虽然讲解了一些性能优化,...
1.加入一个空的同类元素,然后设置元素css属性 clear:both; 2.{overflow:hidden; zoom:1;} 3..clearfloat{zoom:1;} .clearfloat:after{content:".";display:block;visibility:hidden;heigh...
发现需求 如果在一个区域内只允许部分区域产生滚动的效果,而其余部分不能移动,你会采用什么方法呢? 首先我们可以把这个需求分解为两个小的问题来解决。 部分区域固定 其余区域滚动 部分区域固定 为页面的bo...
(1)、html:超文本标记语言(HyperText Markup Language),它主要包括"头"(Head)和"主体"(Body)两个部分,其中"头"部提供关于网页的信息,"主体"部分提供网页...
现在好多人都加入到网站这一行列中来,那么,如何才能制作网站呢?我们现在来说说网站制作入门需要什么,让我们有一个大概的了解。 1、首页 需要首页,起码我们要知道首页是一个网站里面的主要索引,更...
我们的每期话题,团队在内部都会通过邮件进行一番讨论,随着讨论的激烈,往往能碰撞出很多有意义的观点,因此,将讨论内容分享出来,有兴趣的朋友可以接着话题讨论下去。 Junchen: 期望不是从石头里面蹦出来的,...
前言 css水平垂直居中的方法有很多,本文给大家介绍的方法非常的全面详细,分享出来供大家参考学习,下面来一起看看详细的介绍吧。 "44年前我们就把人类送上月球了,但现在我们仍然无法在 CSS 中实现垂直居...
1.配色问题 一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。 2.字体问题 很重要...
前言 在之前写了一篇关于rem适配的文章,但是没有给出具体的封装,那么今天这里给出常用的三种方法,分享出来供大家参考学习,下面话不多说了,来随着小编一起学习学习吧 一、rem1.js 第一种方法考虑了m端屏幕旋...
英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm 栅格就是你对页面版式的规划 你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引...
针对浏览器网页的一些优化规则 页面优化 静态资源压缩 借助构建工具(webpack、gulp)适当压缩图片、脚本及样式等网页静态资源。 CSS雪碧图、base64内联图片 将站内小图标合并成一张图,使用css定位截取对应图标...
导航并不只是指常位于网站头部的导航条,路边的指示牌、商场的指示牌等等都是一种导航,可以说导航在生活中无处不在,如果没有这些导航存在,那么我们将迷失,迷失在互联网信息的海洋中,迷失在纵横交错的马路上...