网页制作 第1页

CSS实现单行、多行文本溢出显示省略号的实现方法
一、单行溢出1,单行溢出,超出部分显示...或者截取。前提必须有宽度。CSS:{width:xxpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;},截取为clip[…]
实现checkbox&radio对齐的方法
不仅不同浏览器不同,不同的字体,不同的文字大小也会表现不一样。重置formcheckbox&radio因为不同浏览器解析不一样,有些是默认margin,有些是默认padding,还有ie6,[…]
前端性能优化补充篇
前言看了一下之前发布的文章,关于前端性能优化的,有网站前端性能优化之javascript和css及jquery的jquery编程的标准写法和最佳实践。前端性能优化是一个不断追求的[…]
清除浮动的几种方法(推荐)
1.加入一个空的同类元素,然后设置元素css属性clear:both;2.{overflow:hidden;zoom:1;}3..clearfloat{zoom:1;}.clearfloat:after{content:".";display:block;visi[…]
Html与css基础(必看篇)
(1)、html:超文本标记语言(HyperTextMarkupLanguage),它主要包括"头"(Head)和"主体"(Body)两个部分,其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容[…]
bootstrap学习心得总结-css样式设计分享
由于项目需要,所以打算好好学习下bootstrap框架,之前了解一点,框架总体不难,但涉及到的东西还是很多,想要熟练掌握它,还是要多练练。一:bootstrap是什么?bs是什么[…]
表格单元格内容超出时显示省略号效果(实现代码)
说明在前端开发中,经常会遇到需要限制单元格宽度并且内容超出部分显示省略号的的情况。下面就简单的介绍下如何达到这种效果。准备知识1.控制文本不换行white-spa[…]
PC端和移动端自适应问题的快速解决方法
做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及[…]
移动端开发教程之像素的显示问题汇总
前言相信在移动端开发的过程中大家都会发现,移动端的显示一般与桌面端的不一样。比如在iphone6上显示一个1334x750像素大小块状元素,虽然在苹果官网上iphone6标称[…]
关于移动端小图标模糊问题的解决方法
前言之前给大家讲到图片和文字垂直方向不对齐的问题,其中举的小例子中用到了一个小图标,这个小图标我用的是背景图来显示:.del.icon{display:inline-block;width:[…]
web开发教程之跨域的解决方案详解
前言本文主要给大家介绍了关于web开发之跨域的解决方案,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。什么是跨域?概念如下:只要协议、域名、[…]
网页制作时可以拿起就用的小技巧总结
前言本文主要给大家总结了自己在日常网页制作的时候遇到问题的一些解决技巧,分享出来供大家参考学习,下面话不多说了,感兴趣的朋友们下面来一起看看详细的介绍:总[…]
chrome开发者工具-timeline的详细介绍
一、概述用户都希望他们访问的web应用是可交互且运行流畅的。因此,作为web开发者,也要在[…]
web前端开发课程 web前端开发工具有哪些
随着互联网技术的发展,用户对于web网页的依赖性越来越重,这对于web前端开发工程师的要求也在不断提高。作为开发者来说,开发工作需要依赖很多开发工具的协助。才能[…]
网站网页设计的一些小知识
其实最近关于网页设计等问题一直都欧式不绝于耳的,毕竟现在互联网行业发展的这么好,而且网页的设计也是一种兴趣爱好,有的时候自己在看网页的时候,是不是有一种自[…]
详解移动端实现内滚动的四种解决方案
发现需求如果在一个区域内只允许部分区域产生滚动的效果,而其余部分不能移动,你会采用什么方法呢?首先我们可以把这个需求分解为两个小的问题来解决。部分区域固定[…]
网站制作入门常识 新手看过来
现在好多人都加入到网站这一行列中来,那么,如何才能制作网站呢?我们现在来说说网站制作入门需要什么,让我们有一个大概的了解。1、首页需要首页,起码我们要知道首[…]
教你如何优雅的实现垂直居中(推荐)
前言css水平垂直居中的方法有很多,本文给大家介绍的方法非常的全面详细,分享出来供大家参考学习,下面来一起看看详细的介绍吧。"44年前我们就把人类送上月球了,但[…]
关于rem适配的3种常用封装
前言在之前写了一篇关于rem适配的文章,但是没有给出具体的封装,那么今天这里给出常用的三种方法,分享出来供大家参考学习,下面话不多说了,来随着小编一起学习学习[…]
浅谈网页基本性能优化规则小结
针对浏览器网页的一些优化规则页面优化静态资源压缩借助构建工具(webpack、gulp)适当压缩图片、脚本及样式等网页静态资源。CSS雪碧图、base64内联图片将站内小图[…]
浅谈雅虎前端优化的35条军规
摘要:无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢?可以遵循雅虎的前端优化34条军规,不过现在已经是35条了[…]
用 // 代替 http:// 有什么好处(自适应https)
//缺省协议/缺省协议的使用,代表资源访问的协议和当前页面保持一致,如果当前页面是http,采用http协议访问,如果是https,则使用https协议访问。这样用就不管是http[…]
引入css的四种方式总结(分享)
1.内联式引用:直接用在标签上,但维护成本高style='font-size:16px;color:#000000'2.外部连接式引用:css代码与html代码分离,便于代码重复使用<linkhref="css/styl[…]
关于带有"显示更多"按钮的多行文本截断思考
刚好最近遇到这个小需求,记得很早之前都是用JS处理,毕竟那时候年少无知。切换类的操作可以用Checked伪类实现,成本会比较低一点,那么先来列一下功能要点:多行文本[…]
跨浏览器问题的五种解决方案(小结)
简评:浏览器兼容性问题常常让人头疼,以下是避免出现这些问题的五个技巧。1.前缀CSS3样式如果您正在使用任何类型的现代CSS片段,例如框尺寸(box-sizing)或背景剪辑[…]
Chrome 73导致flex布局崩坏的分析与解决方法
现象项目中会存在如下几种嵌套flex结构:/*通用样式*/.card{width:200px;height:300px;margin:20px;border:1pxsolid#999;}.flex{display:flex;flex-direction:col[…]
用户需求导致营销型设计
我们的每期话题,团队在内部都会通过邮件进行一番讨论,随着讨论的激烈,往往能碰撞出很多有意义的观点,因此,将讨论内容分享出来,有兴趣的朋友可以接着话题讨论下去[…]
制作网页应该注意的5个问题
1.配色问题一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。[…]
栅格就是你对页面版式的规划
英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm栅格就是你对页面版式的规划你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存[…]
网页中照片预览导航设计技巧
导航并不只是指常位于网站头部的导航条,路边的指示牌、商场的指示牌等等都是一种导航,可以说导航在生活中无处不在,如果没有这些导航存在,那么我们将迷失,迷失在互[…]
1 2 3 4 5 6 7 8 9 10 总共334