随笔分类 -  CSS基础

1 2 下一页

html title属性内容换行方法(静态页面)
摘要:鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结。html的title属性默认是显示一行的,这里介绍两种换行方法为大家分享使用。一、直接title内容换行直接填写title内容时候“回车键”换行,示例代码如下:html... 阅读全文

posted @ 2017-04-08 10:48 菜鸟Z 阅读(2604) 评论(0) 推荐(0) 编辑

block,inline和inline-block概念和区别
摘要:转载地址:http://www.cnblogs.com/KeithWang/p/3139517.html总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline element... 阅读全文

posted @ 2016-11-26 12:29 菜鸟Z 阅读(105) 评论(0) 推荐(0) 编辑

block,inline和inline-block概念和区别
摘要:转载地址:http://www.cnblogs.com/KeithWang/p/3139517.html总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline element... 阅读全文

posted @ 2016-11-26 12:29 菜鸟Z 阅读(77) 评论(0) 推荐(0) 编辑

2016年10月22日工作知识点小结
摘要:checkbox样式 tips尺寸自适应,占用空间小,垂直居中。正则表达式应用格式要求1:a,b,c,d,e正则表达式为:var reg = /^(?:[a-zA-Z],)*[a-zA-Z]$/;格式要求2:a,bc,d,e,f正则表达式为:var reg = /^(... 阅读全文

posted @ 2016-10-23 18:31 菜鸟Z 阅读(110) 评论(0) 推荐(0) 编辑

2016年10月22日工作知识点小结
摘要:checkbox样式 tips尺寸自适应,占用空间小,垂直居中。正则表达式应用格式要求1:a,b,c,d,e正则表达式为:var reg = /^(?:[a-zA-Z],)*[a-zA-Z]$/;格式要求2:a,bc,d,e,f正则表达式为:var reg = /^(... 阅读全文

posted @ 2016-10-23 18:31 菜鸟Z 阅读(115) 评论(0) 推荐(0) 编辑

文本输入框input将输入转换为统一大小写
摘要:转载地址:http://blog.csdn.net/yieryi_/article/details/52078596文本输入框input将输入转换为统一大小写,通常有两种方法:JS和CSS方法。1.JS方式1).JS方式,通过监控key事件来做到。key事件有三种: ... 阅读全文

posted @ 2016-10-23 17:55 菜鸟Z 阅读(188) 评论(0) 推荐(0) 编辑

文本输入框input将输入转换为统一大小写
摘要:转载地址:http://blog.csdn.net/yieryi_/article/details/52078596文本输入框input将输入转换为统一大小写,通常有两种方法:JS和CSS方法。1.JS方式1).JS方式,通过监控key事件来做到。key事件有三种: ... 阅读全文

posted @ 2016-10-23 17:55 菜鸟Z 阅读(540) 评论(0) 推荐(0) 编辑

一周工作小贴士(2016-8-28)
摘要:记录两个小知识点:1、正则表达式应用正确整数格式的判断,对于005这样的数据也可以验证。表达式如下:var reg =/^(([1-9]\d*)|(-[1-9]\d*)|0)$/;注意:0判断条件放在最后,否则无法验证005这样的数据。2、 CSS样式使用注意事项 ... 阅读全文

posted @ 2016-08-28 10:02 菜鸟Z 阅读(85) 评论(0) 推荐(0) 编辑

一周工作小贴士(2016-8-28)
摘要:记录两个小知识点:1、正则表达式应用正确整数格式的判断,对于005这样的数据也可以验证。表达式如下:var reg =/^(([1-9]\d*)|(-[1-9]\d*)|0)$/;注意:0判断条件放在最后,否则无法验证005这样的数据。2、 CSS样式使用注意事项 ... 阅读全文

posted @ 2016-08-28 10:02 菜鸟Z 阅读(102) 评论(0) 推荐(0) 编辑

overflow属性的应用
摘要:在使用JQueryUI chosen插件的时候,由于页面布局的原因,下拉列表框超出div范围,图形效果严重变形,一点解决的思路都没有,最后请教公司前端,瞬间解决,原来使用CSS 中的overflow属性就搞定了。现重新学习下overflow的知识:浏览器支持所有主流浏... 阅读全文

posted @ 2016-08-16 09:22 菜鸟Z 阅读(388) 评论(0) 推荐(0) 编辑

overflow属性的应用
摘要:在使用JQueryUI chosen插件的时候,由于页面布局的原因,下拉列表框超出div范围,图形效果严重变形,一点解决的思路都没有,最后请教公司前端,瞬间解决,原来使用CSS 中的overflow属性就搞定了。现重新学习下overflow的知识:浏览器支持所有主流浏... 阅读全文

posted @ 2016-08-16 09:22 菜鸟Z 阅读(126) 评论(0) 推荐(0) 编辑

CSS cursor 属性
摘要:cursor 属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。值描述url需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 UR... 阅读全文

posted @ 2016-07-06 10:05 菜鸟Z 阅读(105) 评论(0) 推荐(0) 编辑

CSS cursor 属性
摘要:cursor 属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。值描述url需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 UR... 阅读全文

posted @ 2016-07-06 10:05 菜鸟Z 阅读(118) 评论(0) 推荐(0) 编辑

Form表单中method="post/get'的区别
摘要:Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的。Form中的g... 阅读全文

posted @ 2015-10-31 10:56 菜鸟Z 阅读(161) 评论(0) 推荐(0) 编辑

Form表单中method="post/get'的区别
摘要:Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的。Form中的g... 阅读全文

posted @ 2015-10-31 10:56 菜鸟Z 阅读(179) 评论(0) 推荐(0) 编辑

浅谈href=#与href=javascript:void(0)的区别
摘要:#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)... 阅读全文

posted @ 2015-10-20 09:28 菜鸟Z 阅读(90) 评论(0) 推荐(0) 编辑

浅谈href=#与href=javascript:void(0)的区别
摘要:#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)... 阅读全文

posted @ 2015-10-20 09:28 菜鸟Z 阅读(92) 评论(0) 推荐(0) 编辑

CSS中display对布局的影响以及元素display的默认值
摘要:看到前端越来越多的mvc框架出现,之前偶尔还看到有OOCSS(面向对象的CSS编程)的文章。所以可以这样理解,前端HTML页面的所有元素(tag),也都可以理解对象。每个对象有自身的属性,以及每个对象与其他对象的关系。关系中最重要也是本文讨论的是显示时候的位置关系。每... 阅读全文

posted @ 2015-10-17 11:02 菜鸟Z 阅读(682) 评论(0) 推荐(0) 编辑

CSS知识点小结
摘要:在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。一、nobr语法内容不换行内容放入与之间即可。此标签与css white-space功能相同。 html form 标签基础语法结构与使用案例教程... 阅读全文

posted @ 2015-10-15 20:03 菜鸟Z 阅读(131) 评论(0) 推荐(0) 编辑

CSS知识点小结
摘要:在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。一、nobr语法内容不换行内容放入与之间即可。此标签与css white-space功能相同。 html form 标签基础语法结构与使用案例教程... 阅读全文

posted @ 2015-10-15 20:03 菜鸟Z 阅读(116) 评论(0) 推荐(0) 编辑

1 2 下一页
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示