编程记录,亲测有效

希望为编程资料缺失的部分贡献自己的微薄之力……

【CSS】两端对齐

这本来是个在word里面才有的概念,但人家就是要我们程序猿在网页中实现。 在一般情况下,比如如下的代码:

2017-02-06 09:32:10

阅读数 1590

评论数 0

【HTML】菊花文、边框文和喷射尾巴的原理

其实菊花文、边框文和喷射尾巴已经火了很长的一段时间了,你肯定见过如下效果: 人҉҉要҉҉是҉҉撸҉҉多҉҉了҉҉҉҉连҉҉看҉҉东҉҉西҉҉眼҉҉都҉҉是҉҉花҉҉的҉҉...(菊花文) 这只是个神奇的小尾巴,请不要试图去研究我是怎么发出来的:ฏ๎๎๎๎๎๎๎๎๎ฏ๎ฏด้้้้้็็็็็้...

2016-08-08 17:14:43

阅读数 2898

评论数 0

【HTML】表单form中一单回车就提交的text、一点击就提交的button

在这段HTML代码中,分两部分,第一部分,在一个表单中设置4个按钮,第一个按钮,自然是无可争议,也是大家最常用的submit按钮,这个按钮学过网页编程都知道是用来提交表单的,但大家知不知道,随后3个按钮,哪个按钮能够提交表单呢?当然,答案在上面的HTML代码中已经写明白了,如果你设置的按钮,要做一...

2016-01-11 20:03:07

阅读数 3447

评论数 0

【CSS】关于position

position有5个属性,其中position:inhert,规定div从父元素继承position属性的值,这个没什么好讲的。其次就是position:static,这个虽然我们很少写,但是此乃HTML的默认值,没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者...

2015-10-23 10:41:05

阅读数 854

评论数 1

【CSS】IE6中的position:fixed问题与随滚动条滚动的效果

上次在《【jQuery】兼容IE6的滚动监听》(点击打开链接)提及到解决IE6fixed问题,具体是要引入一个js文件,还要声明一条脚本就为这个div声明fixed定位去解决,起始这样很不好啊。引入的Javascript不好管理之余,还要在head声明引入javascript,之后又要给这个div...

2015-10-22 09:43:05

阅读数 1144

评论数 1

【CSS】兼容IE7的各个各样的标题面板

在《【CSS】兼容IE6的卡片式布局》(点击打开链接)已经介绍过如果用CSS画出一块一块的卡片,现在介绍如何为这些卡片添砖加瓦,为这些卡片的加上标题。 如下图所示,这是在现在部分网站很常用的两种标题: 先是在IE8的效果 之后是在IE7的效果: 都是没有什么问题的,最后是在...

2015-10-17 10:35:25

阅读数 834

评论数 1

【HTML】根据不同的浏览器类型写不同的HTML代码

没有jQuery与javascript等脚本,直接在HTML代码中,也是可以,要求不同的浏览器执行不同的HTML代码。 这里利用到IE注释。 比如如下代码: 根据条件判断,这是版本小于等于7的Internet Explorer ...

2015-10-12 09:33:25

阅读数 3388

评论数 2

【CSS】a标签样式与div行距

a标签,也就是超级链接,的样式问题,主要包括如果设置鼠标悬停到a标签上后变成手形的问题与a标签去掉下划线的问题。 虽然很简单,但是经常忘记。 一、a标签的手型问题 如何让鼠标悬停到a标签上后变成手形? a { cursor:pointer; } a标签去掉手型则是: a { c...

2015-10-09 17:03:52

阅读数 2504

评论数 0

【HTML】空格

看到这个标题,肯定有人说,HTML的空格不是 吗?还可以开一篇文章专门来写这东西浪费流量浪费电?或者是UP主发牢骚写的感情文字? 我当初也是认为的HTML的空格就是 的代名词。然而,如果只知道HTML中, 代表空格,那实在是太年轻了。 在H...

2015-09-28 16:24:00

阅读数 1603

评论数 2

【CSS】兼容IE6的卡片式布局

如下图: 这种高大上的布局看起来仿佛只有那些前端框架,而且要考虑很多东西才能够弄出来。 其实不然,完全可以自己手写几句简单的CSS就能够弄出来了。根本无需理会那些动不动就摆大牌说不兼容IE6就不兼容IE6的前端框架。 先上代码再讲解。上图的代码如下: 卡片式...

2015-09-28 15:44:19

阅读数 2667

评论数 0

【CSS】padding,border,margin与width宽度的关系

padding,border,margin这三样东西不算难,算是在CSS中老生常谈的东西,但是要注意其对width的影响, 直接上一段极其简单的代码: margin_border_padding_and_width Div的实际...

2015-09-23 17:23:49

阅读数 14578

评论数 1

【CSS】单行图片与文字垂直居中

单行图片与文字垂直居中核心关键,是在img标签中的style属性加入vertical-align:middle;样式 如果不设置的话,单行图片与文字并排的话,文字默认是底部居中的。 注意如下的代码的img标签,没有设置任何的style属性, img ...

2015-09-16 10:41:25

阅读数 23967

评论数 1

【CSS】关于CSS样式中的!important、*、_符号

!important、*、_其实没什么用,皆是用来设置样式的优先级,但是样式的优先级你可以自行排好其先后位置来设置,然而你还是要看懂的。 我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 首先,先看下面一段代码: !Important ...

2015-09-16 09:58:36

阅读数 1563

评论数 0

【HTML】设置NotePad++不打开上次关闭的文件

notepad++是一款很好的前端网页开放工具,甚至许多人也用其开放php,但是NotePad++会默认记录上次打开时未关闭的文件,实际上用起来并不方便,可以按照下面的方式去除:设置->首选项->备份->将Remember current session for next lau...

2015-07-26 17:59:40

阅读数 4782

评论数 1

【CSS】隐藏多行文本框Textarea在IE中的垂直滚动条

在《【CSS】禁止Google浏览器允许定义调整多行文本框》(点击打开链接)中已经提及过如何使多行文本框Textarea在一些DOM2的浏览器中固定下来。 这不,多行文本框Textarea在IE中也存在一些样式上的缺陷了。 一个普通的,没有加任何定义的文本框,如下: 其在IE的效果就如同左侧...

2015-07-16 15:03:20

阅读数 3152

评论数 0

【CSS】一种兼容纯粹CSS的IE6的面板

面板这东西,随着前端框架的逐渐流行,已经大量地占据网页封面了。 其实这东西可以用纯粹CSS的方式写出来了。 比如如下面板: 其代码如下: panel 面板标题 面板内容…… 其构造很简单的...

2015-05-22 09:17:20

阅读数 933

评论数 0

【CSS】对于超出div部分的处理

一个正常的前端攻城狮,一般情况不会把内容布置到div外面,但是如果这部分的内容,是用户输入的,然后是从数据库中取出来的,那样有内容超出div部分也是很正常的,尤其是这部分内容,是用户通过编辑器编辑的,便有可能出现这样的情况: 比如,限制一个宽350px,高100px的表格,用户用编辑器设置了一个...

2015-04-25 15:52:30

阅读数 3450

评论数 0

【HTML】一款不错的前端开发IDE——Aptana Studio

前端开发到底用什么工具去写代码。一直众所纷纭。首先是早已被抛到角落的FrontPage之后是现在已经渐渐被抛到角落的Dreamweaver,很多大神主张前端这么简单就应该直接用记事本去写,然后觉得记事本太蛋疼,改用NotePad,Sublime Text 2之类的,其实还有一款不错的前端开发IDE...

2015-04-11 09:23:22

阅读数 5326

评论数 0

【CSS】禁止Google浏览器允许定义调整多行文本框

众所周知,多行文本框Textarea是不可以自己随便调整的,如下图,如果要调整,则要写很多的脚本: 这个也好,因为很多情况下,我们不需要开放给用户调整文本框,往往只是需要设置col与row属性,固定其大小就可以的。 可是,谷歌浏览器,对于,一个普通的: 却是可以如下图,轻易调整的: ...

2015-03-21 10:40:07

阅读数 1111

评论数 0

【CSS】一种不用插件纯手写css的扁平化按钮悬停颜色变化的讨论

上次在《【CSS】扁平化都是纸老虎,看怎么抛弃前端框架在IE6扁平化》已经提及到扁平化按钮在IE6的实现方案,现在我再给出一种在IE8实现按钮扁平化的悬停的解决方法。悬停属性只能支持到IE8了,IE6它丫不支持我也没有办法了。这种方法我觉得自己的优点是,代码量就5行,然后,由于是纯手写的CSS,兼...

2015-03-08 20:29:17

阅读数 2606

评论数 0

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