![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页设计
文章平均质量分 70
卢浮宫丶晓
攻城狮
展开
-
EL表达式获取页面属性值
login.jsp页面用于输入登陆信息:<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org原创 2017-02-22 22:48:39 · 1961 阅读 · 0 评论 -
关于价格的折扣的css
一、今天在做一个销售软件时,用到折扣价这个东西,于是网上看了一下css代码。在这里记录一下吧二、不多说,直接上代码吧.xa-panel-div-p-price {text-decoration: line-through;font-size: small;width: 10%;margin: 0.5rem 0 0 2rem;}三、其中起作用的就是 text-decoratio...原创 2017-12-07 23:17:49 · 1066 阅读 · 0 评论 -
很莫名的textarea最前面的空格问题
一、今天在做东西的时候写了一个textarea,但是在页面出现了一个很诡异的现象:前面莫名多了好几个空格。具体如下:二、出现这种问题,第一想法是页面在编译的时候是不是进行了某一种格式化,于是乎,写了一个trim()来去除空格,但是还是不行啊。没办法就去网上查资料。得出的结果让人惊讶: 我们在写代码的时候为了进行了格式化,如<textarea style="font-size:...原创 2017-11-29 08:47:25 · 4376 阅读 · 1 评论 -
今天看了些JSTL表达式的一些相关东西,整理一下...
一、核心标签库1、 out输出语句,仅对表达式有效<c:out value="{'helloWorld'}" />2、set语句,设置表达式的值<c:set var = "helloWorld" scope = "session" value = "{"helloWorld"}" />3、remove语句,删除范围变量<原创 2017-11-14 11:43:12 · 286 阅读 · 0 评论 -
HTML5与CSS3之box-shadow--阴影外阴影与外发光
外阴影:box-shadow:X Y Npx #color;内阴影:box-shadow:inset X Y Npx #color;第一个属性:阴影的X轴(可以使用负值)第二个属性:阴影的Y轴(可以使用负值)第三个属性:阴影的像素(大小)第四个属性:阴影的颜色内阴影:inset 这个可以设置内部阴影 注:此属性使用于盒模型 如(div,p,h1,h2,h3,h4,h5,h6,s...原创 2017-10-14 11:33:01 · 1288 阅读 · 0 评论 -
关于html中js引入位置相关
一、今天在做东西时遇到js引入位置的问题,特此记录一下。 二、写在前面的话浏览器加载页面是至上而下的顺序。 三、<head> </head> 之间这个是网站里面的多数使用方式,页面在加载时会先读取js内容。这里会遇到的情况:我在页面里面引入了一个很大的js的话,那么浏览器就会在加载这段js上耗费很多资源。就像下面的情况:我访问一个页面是...原创 2017-09-28 17:38:26 · 1068 阅读 · 0 评论 -
table隔行变色
一、今天做一个音乐网站,需要用到这个功能,直接上代码了。 二、创建一个table<table border="0" class="song-table"><tbody><tr><th class="th-width1"></th><th class="th-width原创 2017-09-19 23:54:13 · 285 阅读 · 0 评论 -
关于响应式布局
一、无论是在进行web还是移动端页面设计的时候,我们都会遇到不同界面尺寸下的样式展现问题,针对这个问题,大致有一下几种解决方案。 二、流布局定义元素的float属性,然后界面会自动适配,这是最为简单的。但是针对性不强,个别情况还是会导致布局紊乱。 三、百分比布局百分比布局方式的原理是,不管你页面尺寸有多大,我只占有固定的百分比,从而达到适配不同界面的效果。但是这种...原创 2017-09-26 17:41:29 · 1032 阅读 · 0 评论 -
图片中添加点击事件后没有反应的问题分析
一、今天在项目里面用到一个图片需要添加一个点击事件,代码如下:<img id="sign" src="../../image/sign.png" class="cp-sign" onclick="sign()"> 结果发现事件触发不了,报sign 不是一个函数 二、查阅相关文档发现,img在添加点击事件的时候,它的id和onclick的名称是不能相同的,改变一下代码...原创 2017-09-13 11:10:59 · 5546 阅读 · 0 评论 -
app解决文本输入时,软键盘遮盖掉页面的解决方案
一、问题背景在做app的过程中,有一个页面存在一个富文本框,在页面中进行输入的时候,手机弹出的软键盘会遮盖掉原先页面中的部分内容。 二、解决方案首先我们要知道的是:软键盘弹出的时候,页面做了什么动作?答案是resize。在软键盘弹出的时候页面被挤压,页面后进行resize。知道了这一点,就好做了。我们可以监听resize事件,然后对界面进行一些操作。 三、不多说直接上一...原创 2017-09-05 08:37:02 · 922 阅读 · 0 评论 -
页面圆角头像制作
一、在我么进行网页开发的时候,很多情况下都会用到logo,头像之类的图片素材。传统单一的展现方式已经不能满足大众的审美观,我们这个时候可以再img展现形式上做一些美化,从而达到让人眼前一亮的感觉。所以我们在这里就头像为例介绍怎么制作美观的圆角头像。 二、不废话直接上css (ps:这个是我的一个小demo,具体参数可以根据自己需求进行改动!) .cp-img{ ...原创 2017-06-27 15:50:19 · 330 阅读 · 0 评论 -
弹窗遮罩层原理及实现
一、说明: 我们知道,如果在网页中需要加载一个弹窗时同常是不希望点击到弹窗以外的区域从而导致错误操作的。这个时候呢我们就可以使用遮罩层来实现弹窗外部区域屏蔽的功能。 二、原理: 在弹窗和页面之间创建一个div并使之铺满整个屏幕,同时让这个div半透明。这样我们就可以即能看到页面的内容,又无法点击到弹窗外的内容了。 三、用到的技术: ...原创 2017-04-25 15:13:26 · 7081 阅读 · 0 评论 -
html中添加空格的四种方法
一、直接使用键盘上的空格键 使用这种方法可以直接添加空格,在html读取是浏览器会自动转换。不好的是,该方法只能添加一个空格,比如你按下三下空格键但是在显示的时候会只有一个空格,后面的会被覆盖掉、 二、使用&nbsp; 这种是不换行空格,会一直累加到后面,有多少就显示多少。缺点是会受到字体宽度的影响(很明显!)。两个&nbsp;邓等于一个...原创 2017-04-25 09:18:59 · 21480 阅读 · 0 评论 -
获取下拉框的改变以及改变的value
<html><head><script type="text/javascript">function changeText(){ var x=document.getElementById("mySelect"); alert(x.options[x.selectedIndex].text);}</script><原创 2018-01-02 11:36:36 · 612 阅读 · 0 评论