CSS基础
敲键盘的猫
这个作者很懒,什么都没留下…
展开
-
常用DIV+CSS命名大全集合
一、命名规则说明: - TOP1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4)、空元素要有结束的tag或于开始的tag后加上"/"5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、转载 2015-09-27 07:44:41 · 591 阅读 · 0 评论 -
HTML,CSS,font-family:中文字体的英文名称
宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_GB2312 KaiTi_GB2312转转载 2018-01-08 11:40:36 · 363 阅读 · 0 评论 -
A4纸网页打印
A4纸网页打印<!-- 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。 经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸 所以,A4纸96dpi下的分辨率是794×1123,这就是我们在制作网页的时原创 2017-12-01 11:07:27 · 863 阅读 · 0 评论 -
page-break-before和page-break-after 实现分页打印
page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示,这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值:auto、always、left和right。其中Auto是默认值,只有在有需要时,才需设定分页符号 (Page breaks)。page-break-before若设定成always,则是在遇到特定的组件时,打印机会重转载 2017-11-30 17:31:52 · 11612 阅读 · 0 评论 -
html title属性内容换行方法(静态页面)
鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结。html的title属性默认是显示一行的,这里介绍两种换行方法为大家分享使用。一、直接title内容换行直接填写title内容时候“回车键”换行,示例代码如下:<a href='http://www.divcss5.com/jiqiao/j510.shtml' tar转载 2017-04-08 10:48:27 · 4197 阅读 · 0 评论 -
block,inline和inline-block概念和区别
转载地址:http://www.cnblogs.com/KeithWang/p/3139517.html总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一转载 2016-11-26 12:29:17 · 300 阅读 · 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 = /^(?:[a-zA-Z]+,)*[a-zA-Z]+$/;格式要求3:a,b,原创 2016-10-23 18:30:30 · 443 阅读 · 0 评论 -
文本输入框input将输入转换为统一大小写
转载地址:http://blog.csdn.net/yieryi_/article/details/52078596文本输入框input将输入转换为统一大小写,通常有两种方法:JS和CSS方法。1.JS方式1).JS方式,通过监控key事件来做到。key事件有三种: keydown event , keypress event, keyup eventps:KeyDow转载 2016-10-23 17:55:28 · 2046 阅读 · 1 评论 -
一周工作小贴士(2016-8-28)
记录两个小知识点:1、正则表达式应用正确整数格式的判断,对于005这样的数据也可以验证。表达式如下:var reg =/^(([1-9]\d*)|(-[1-9]\d*)|0)$/;注意:0判断条件放在最后,否则无法验证005这样的数据。2、 CSS样式使用注意事项 2016-4-28 23:55:28原创 2016-08-28 10:02:17 · 706 阅读 · 0 评论 -
overflow属性的应用
在使用JQueryUI chosen插件的时候,由于页面布局的原因,下拉列表框超出div范围,图形效果严重变形,一点解决的思路都没有,最后请教公司前端,瞬间解决,原来使用CSS 中的overflow属性就搞定了。现重新学习下overflow的知识:浏览器支持所有主流浏览器都支持 overflow 属性。注释:任何的版本的 Internet Explorer (包括 IE8)原创 2016-08-16 09:21:53 · 686 阅读 · 0 评论 -
CSS cursor 属性
cursor 属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。值描述url需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。default默认光标(通常是一个箭头)原创 2016-07-06 10:04:34 · 354 阅读 · 0 评论 -
Form表单中method="post/get'的区别
Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的。Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法。二者主要区别如下:1、Get是用来从服务转载 2015-10-31 10:56:24 · 734 阅读 · 0 评论 -
CSS知识点小结
在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。一、nobr语法内容不换行内容放入与之间即可。此标签与css white-space功能相同。 html form 标签基础语法结构与使用案例教程在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能。比如我们原创 2015-10-15 20:02:45 · 460 阅读 · 0 评论 -
CSS公共样式模版
CSS文件命名为global.css,一般此CSS文件是用于装全站主要框架CSS样式代码和初始化的CSS样式。通常会放初始化CSS代码如下:body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4{margin:0;padding:0;font-style:normal;font:12px/22px "\5B8B\4F53",Aria转载 2015-10-15 17:18:44 · 1930 阅读 · 0 评论 -
让几个横向排列的浮动子div居中显示的方法
div设置成float之后,就无法使子div居中显示了,那么如何让几个横向排列的浮动的div居中显示呢,下面有个不错的方法,希望对大家有所帮助div设置成float之后,在父div中设置text-align:center,就无法使子div居中显示了,不过我们可以使用变通的方法达到这一效果,就是在父div上再套一个div,如下:复制代码代码如下:转载 2015-10-14 17:19:49 · 730 阅读 · 0 评论 -
浅谈href=#与href=javascript:void(0)的区别
#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者等打开新窗口链接的几种办法1.window.open('url')2.用自定义函数转载 2015-10-20 09:28:18 · 374 阅读 · 0 评论 -
CSS中display对布局的影响以及元素display的默认值
看到前端越来越多的mvc框架出现,之前偶尔还看到有OOCSS(面向对象的CSS编程)的文章。所以可以这样理解,前端HTML页面的所有元素(tag),也都可以理解对象。每个对象有自身的属性,以及每个对象与其他对象的关系。关系中最重要也是本文讨论的是显示时候的位置关系。每个HTML对象除了与其他HTML对象(标签)有关系之外,还有对象在显示时与浏览器或者windows对象的关系。转载 2015-10-17 11:01:50 · 704 阅读 · 1 评论 -
证书打印CSS知识点总结
需求:1、证书内容动态填充;2、证书背景图不要求打印,只为展示作用;3、打印内容兼容屏幕分辨率;实现: 证书内容 小知识点:1、span定宽,但文字不换行,设置word-wrap: break-word;2、调节span填充文字行间距,设置line原创 2018-01-08 11:57:45 · 379 阅读 · 0 评论