自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端向朔

学习分享 | 热爱生活 | 奋斗青年

  • 博客(18)
  • 资源 (3)
  • 收藏
  • 关注

原创 CSS隐藏文本和单行、多行省略处理

隐藏文本网站不管是SEO还是优化处理,如尽量考虑有阅读障碍的人使用屏幕阅读器,这时他们就看不到图片之类的信息了,只能用文字转化器或者其他工具来阅读。在CSS的发展中,有人发明了FIR,Phark,sIFR等图像替换的方法。FIR:使用 display:none; 来实现文字隐藏Phark使用 text-indent:-5000px; 来实现文字隐藏sIFR使用Flash

2016-10-29 16:58:35 1592

原创 <a>链接四个伪类书写顺序的真正原因

【前言】自我开始用a链接的四个伪类开始,我只记得说,就是这么规定的,最近在学习CSS基础,发现书写顺序的真正原因竟是因为。。。先来了解几个概念。特指度:就是用来衡量一个选择器的优先级的。比如:div——>1.ab——>10#nav——>100div .ab——>11#nav .ab div——>111针对同一元素,优先级最高的选择器定义的样式被应用。如果这优先级不清楚的可以阅读这篇文章:

2016-10-26 23:14:55 3519

原创 分享到新浪/腾讯/人人等

我们经常会有分享到大网站的需求来满足用户吸引。常用的有分享到新浪/腾讯/人人网等。那么如何实现这些分享呢?今天就来探究一下,,首先了解一下第三方登录。1.常用的第三方登陆我们想要在自己的网站上提供第三方平台登录,类似这样的: 这样的需求我们是要到腾讯QQ或者新浪开发者平台申请appkey权限才能接入的第三方平台的用户数据,获取用户的昵称,头像,性别,id等信息,可以写入数据库作为本站登录的一种方式

2016-10-25 22:59:57 2171

原创 :after/::after和:before/::before的区别

基本概念1.他们都是CSS伪元素,与:hover/:active等伪类不一样。 2.:before/:after伪元素是在CSS2中提出来的,所以兼容性可能到IE8了。 3.::before/::after是CSS3中的写法,为了将伪类和伪元素区分开。但是平时为了兼容性,还是会用一个冒号的写法。基本用法p:after{} img:before{}这两个伪类下特有的属性 content ,用于在

2016-10-23 15:15:23 24765 1

原创 CSS样式的五种来源及浏览器默认样式

CSS中存在样式层叠问题,而且不仅仅是只有在一个样式文件中存在层叠问题,因为CSS的样式有5种来源,我们程序员一般都接触前面三种。 第一,浏览器默认样式表当你不为html设置任何样式时,显示在浏览器上,b标签会显示粗体、p有纵向margin、h1字号比p大一倍……这是为什么呢?因为浏览器自带一个默认的样式,如果html中没有为标签设置样式,则浏览器会按照自己的样式来显示。但是浏览器默认样式的级别是

2016-10-21 20:53:44 7744

转载 CSS块级元素和行内元素及其区别

HTML中的元素可分为两种类型:块级元素和行级元素。这些元素的类型是通过文档类型定义(DTD)来指明。块级元素:显示在一块内,会自动换行,元素会从上到下垂直排列,各自占一行,如p,ul,form,div等标签元素。行内元素:元素在一行内水平排列,高度由元素的内容决定,height属性不起作用,如span,input等元素。

2016-10-21 18:54:16 955

原创 CSS引入方式及link和@import的区别是?

在html设计制作中,css有四种引入方式。方式一: 内联样式内联样式,也叫行内样式,指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例:<div style="display: none;background:red"></div>这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 <div> 拥有相同的样式,你不得不重复地为每个 <div> 添加相同的样式

2016-10-21 18:04:50 5329

原创 软件开发职位中英对照表

有时候好奇,有时候又会忘,基于我自己呆过的公司,总结了一些职位,如果有误请指正,有其他岗位也可以留言哦。管理人员(Manager)-技术总监(CTO - chief technology officer/technical director) -项目经理(Project Manager)PM -产品经理(Product Manager)PM开发人员 (DEV-developer)

2016-10-14 00:29:14 8585

原创 CSS中background-position的纠结

1,之前一直在用这个属性,没发现什么大问题,感觉还挺好用的,一般都是设置一个容器,大小和要显示的背景图像大小一致,然后用雪碧图定位到要显示图案的左上角(一般都是X正值,Y负值) 2,今天看《精通CSS》上面写到,百分比和单位值是不一样的定位规则的,包括关键字也是。因为之前一直也没怎么用到百分比定位背景,所以感触不深。 3,刚好看一个网站源码,看到给li加背景,定位代码是background-po

2016-10-14 00:05:23 910

原创 CSS盒子塌陷问题解决方案

什么是盒子塌陷? 外部盒子本应该包裹住内部的浮动盒子,结果却没有。问题出现的原因 父元素只包含浮动元素,那么它的高度就会塌缩为零(前提就是你们没有设置高度(height)属性,或者设置了为auto,就会出现这种情况,如果父元素不包含任何的可见背景,这个问题会很难被注意到。 因为子元素设置了float属性,而float属性会把元素从标准文档流中抽离,直接结果就是外部盒子丢了两个孩子,因为内

2016-10-07 16:03:10 7997

原创 分享一道有意思的HTML题

<!--下面这段代码有什么问题?请列举(晚点看答案哦,看看自己能发现几个问题)--><P>  哥写的不是HTML,是寂寞。<br><br>  我说:<br>不要迷恋哥,哥只是一个传说。<!--解答-->1,P标签不需要大写,应该小写2,p标签没有闭合,应该闭合3, 是为了缩进,可以使用css的属性text-indent:2em;4,<br/

2016-10-07 15:19:41 850

原创 CSS选择器优先级

之前一直在写也一直在用css选择器,但是有一天看到一道题目算优先级大小的时候,我才发现,自己原来对css选择器优先级计算了解的不多,平时也是用class选择器比较多,慢慢来吧,我是一个比较心急的人,在这种情况下,我只能告诉自己慢慢来,不然又该焦虑了。每天学习一点点,每天记录一点点,每天进步一点点,离开时间尺度谈进步,都是扯淡。选择器种类 严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和

2016-10-07 13:54:27 1321 1

原创 CSS盒子模型

一直在用盒子模型,却没有认真看下文档,今天看了下,长知识了,这里记录下。 所有HTML元素可以看作盒子,在CSS中,”box model”这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。这是一个标准的盒子模型(浏览器里截取的) Margi

2016-10-07 12:03:33 540

转载 前端面试题汇总(五)

BAT及各大互联网公司2014前端笔试面试题–JavaScript篇初级Javascript:1.JavaScript是一门什么样的语言,它有哪些特点?没有标准答案。2.JavaScript的数据类型都有什么?基本数据类型:String,Boolean,Number,Undefined, Null引用数据类型:Object(Array,Date,RegExp,Function)那么问题来了,如何判断

2016-10-05 22:52:50 2060

转载 前端面试题汇总(四)

BAT及各大互联网公司2014前端笔试面试题–Html,Css篇注:本文转载,可移步原文评论。很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。前面几题是会很基础,越下越有深度。 1.你做的页面在哪些流览器测试过?

2016-10-05 22:33:30 2766 1

转载 前端面试题汇总(三)

各大公司(BAT等)都会涉及到的前端开发面试题线程与进程区别一个程序至少有一个进程,一个进程至少有一个线程. 线程的划分尺度小于进程,使得多线程程序的并发性高。 另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率。 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,

2016-10-05 22:15:54 536

转载 前端面试题汇总(二)含解答

HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。2.前端页面有哪三层构成,分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览器测试

2016-10-05 22:11:12 1510

原创 前端面试题汇总(一)

HTMLDoctype作用?严格模式与混杂模式如何区分?它们有何意义? HTML5 为什么只需要写 ? 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 页面导入样式时,使用link和@import有什么区别? 介绍一下你对浏览器内核的理解? 常见的浏览器内核有哪些? html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 H

2016-10-05 22:05:15 2477

CSS编码规范.md

一份良好的编码规范有助于团队的高效执行,本资源介绍了常见的 CSS 编码中遇到的问题,以及给出的标准建议,命名规范,书写规范,属性、值与单位规范等

2020-06-10

安卓调试 adb 工具

安装办法: ◆将名称中含有adb的文件,和fastboot.exe复制到 c:/windows/system32目录 ◆将名称中含有adb的所有文件复制到 c:/windows/system目录

2018-11-16

swiper自定义分页

swiper自定义分页

2017-02-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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