前端开发
文章平均质量分 60
薛小强Forever
我不停地擦拭手中的利剑,不是因为我喜欢它,也不是因为它能带来安全。而是因为,每当下一次冲锋的号角响起,我能迅速拔出,纵横厮杀,直至战斗结束,不让自己倒下。生活在这样的时代,与其被迫上场,心怀恐惧,不如主动征伐,加入到时代的滚滚大潮当中,去见识一下时代的风采,写下自己的故事。
展开
-
FREEMARKER学习——模板开发_入门
入门 1 模板 + 数据模型 = 输出 假设在一个在线商店的应用系统中需要一个HTML页面,和下面这个页面类似:<html><head> <title>Welcome!</title></head><body> <h1>Welcome John Doe!</h1> <p>Our latest product: <a href="products/greenmouse.htm转载 2016-09-09 11:44:27 · 495 阅读 · 0 评论 -
CSS设置input placeholder文本的样式
placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。当然我们今天讨论的不是placeholder这个属性,而是设置placeholder的文本样式的选择器。 /* webkit 浏览器*/ #field1::-webkit-input-placeholder { color:#00f; } #field2::-we转载 2016-11-22 17:29:58 · 6354 阅读 · 1 评论 -
JavaScript获取浏览器信息及屏幕分别率
本文转载自:JS获取浏览器信息及屏幕分别率 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽) 网页可见区域高:document.body.offsetHeight(包括边线的宽) 网页正文全文宽:doc转载 2016-12-13 10:29:38 · 550 阅读 · 0 评论 -
HTML复选框checkbox默认样式修改
此方法可以将复选框的默认样式替换成任意样式。如图: 未选择:选择时:思路:将复选框隐藏,利用lebal元素的焦点传递特性,用lebal的样式替代复选框。代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>checkbox css change</title><style type="text/css">input[t原创 2016-12-07 10:33:31 · 31089 阅读 · 0 评论 -
HTML中select下拉框默认样式修改
本方法只修改下拉框样式,不修改option样式,修改后的样式: 思路: 1.先去掉select本身原有的样式。 2.用一个元素(div/lebal等)作为select的父元素。 3.在select父元素后面用:after做一个新的样式。代码如下:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head>原创 2016-12-07 09:34:14 · 57710 阅读 · 3 评论 -
CSS伪元素选择器:before和:after
CSS 中的伪元素选择器:before 和:after,按照其官方的说法,是在被选中的元素的内容之前插入内容。根据最近几次的实践,我觉得所谓被选中的元素,需要是能包含其他元素的元素,比如<label>,<p>,<div>,等,他们之中可以插入其他的元素,比如<p><input type="text" /></p>,如果用p:before{content:"666";},就会在<input/>元素前面原创 2017-04-18 10:08:24 · 3710 阅读 · 0 评论 -
利用jQuery-UI和jsPlumb实现拖拽连接模型
之前公司需要做一个自定义数据搜索模型的功能,大体是这样的:左边显示的每一个模型对应于数据库中的一个表,把左边的模型拉入右边的容器内,会显示这个模型(也就是表)下的列信息,然后通过连线确定各独立的模型之间的关系(对应于数据库中的多表链接查询),然后保存数据到后台执行。由于保存模型就是对容器中的模型的一个解析,这里就不做展示了,这个demo主要处理模型的展示以及如何链接。原创 2017-03-17 12:03:35 · 11833 阅读 · 11 评论 -
去除inline-block元素间间距
在水平排列的行内元素,元素之间会有一定的间隔,这个介绍如何去除这个间隔原创 2017-04-19 09:10:21 · 434 阅读 · 0 评论 -
心形图
<!DOCTYPE html> <html> <head> <title>Heart</title> <style type="text/css"> * { margin: 0; padding: 0原创 2018-06-11 13:08:55 · 671 阅读 · 0 评论