Web/CSS
关注
分享
扫一扫
耳朵看不见
这个作者很懒，什么都没留下…
展开
-
springboot-把web项目打成war包部署到外部tomcat
转载自：https://www.cnblogs.com/lichangyunnianxue/p/9729395.html1.将打包方式修改为war在pom.xml文件中，将<packaging>war</packaging>2.将tomcat依赖scope改为provide<dependency> <groupId>org.springframework.boot</groupId> <artifactId>转载 2020-12-10 15:30:29 · 211 阅读 · 0 评论 -
JSP自定义tag标签
博客转账自：https://blog.youkuaiyun.com/yusimiao/article/details/46835617自定义tag标签的好处程序员可以自定一些特定功能的标记, 用来封装代码, 达到分工, 重用性等多种好处.如何存放tag标签通常在web工程WEB-INF文件夹下创建tags文件夹来存放自定义的tag，如/WEB-INF/tagstag标签的语法要知道怎样定义tag标签就需要知道tag标签的基本属性，例如：<%@ tag body-con..转载 2020-08-24 17:15:26 · 681 阅读 · 0 评论 -
onSubmit 使用
解释onsubmit:当提交表单时执行一段 JavaScript。它只认true或者false.如果不返回值，则默认为true。如果想在表单提交时，进行验证<html> <title>Test</title><head> <script lanuage="javascript"> function check() { return false; } </sc..原创 2020-08-07 16:45:42 · 6452 阅读 · 1 评论 -
web项目使用gizp压缩
gzip压缩原理但是不是每个浏览器都支持gzip的，如果知道客户端是否支持gzip呢，请求头中有个Accept-Encoding来标识对压缩的支持。客户端http请求头声明浏览器支持的压缩方式，服务端配置启用压缩，压缩的文件类型，压缩方式。当客户端请求到服务端的时候，服务器解析请求头，如果客户端支持gzip压缩，响应时对请求的资源进行压缩并返回给客户端，浏览器按照自己的方式解析，在http...转载 2019-11-22 16:50:50 · 1563 阅读 · 0 评论 -
div自适应高度
页面中，有两个div，div分别需要自适应浏览器高度。代码如下，是使用了css3的自适应属性来实现的.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <style>...原创 2019-06-28 14:59:17 · 5254 阅读 · 0 评论 -
Fiddler抓包分析详细过程
抓包工具有很多，小到最常用的web调试工具firebug，大到通用的强大的抓包工具wireshark.为什么使用fiddler?原因如下常用抓包工具对比：a.Firebug虽然可以抓包，但是对于分析http请求的详细信息，不够强大。模拟http请求的功能也不够，且firebug常常是需要“无刷新修改”，如果刷新了页面，所有的修改都不会保存。b.Wireshark是通用的抓包工具，...转载 2019-03-18 15:54:43 · 2080 阅读 · 0 评论 -
CSS - margin&padding
如果有一点Html基础的话，就应该了解一些基本元素(Element)，如p、h1~h6、br、div、li、ul、img等。如果将这些元素细分，又可以分别为顶级(top-level)元素、块级(block-level)元素和内联(inline)元素。块级元素是构成一个html的主要和关键元素，而任意一个块级元素均可以用Box model来解释说明。Box Model: 任意一个块级元素均由c...转载 2019-01-11 12:06:15 · 204 阅读 · 0 评论 -
CSS3
CSS目前最新版本为CSS3，一般认为主要有三个版本，分别是css1、css2、css3。就目前的使用情况而言，css2使用的比较多，因为css1的属性比较少，而css3有一些老式浏览器并不支持，所以大家在开发的时候主要还是使用css2。 css3与之前的使用的CSS并没有什么冲突。有影响的只是浏览器而已。一些低级浏览器，例如IE8就不支持CSS3属性。造成的影响也无非是那...原创 2019-01-11 12:05:29 · 644 阅读 · 0 评论 -
Sass
最成熟、最稳定、最强大的专业级CSS扩展语言关键环节是输出css，然后引用做法就和以前引用css文件一样的。 sass语法：类似如下：没有分号，也没有花括号；h1 color:#000 background:#fff scss语法:h1{ color:#000; background:#fff;}sass3.0版本的时候引用了Scss的语...原创 2019-01-14 14:47:38 · 148 阅读 · 0 评论 -
如何选择字体(font-family)
大家都知道，在不同操作系统、不同浏览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：一、首先我们看看各平台的默认字体情况1、Window下： 宋体（SimSun）：Win下大部分浏览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用...转载 2019-01-14 14:47:13 · 9750 阅读 · 0 评论 -
界面原型设计工具Balsamiq、墨刀、Axure、Mockplus
Balsamiq的体验 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉，手绘风格的元件样式粗犷淋漓，能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元件，包括常用的html控件、以及一些组合控件，如多媒体控制器、标签页、列表、Iphone界面元件等。墨刀的体验墨刀，可以说是专为移动端产品原型设计而生。它的免费版本自带的部件、交互、功能，...转载 2019-01-14 14:52:25 · 9915 阅读 · 0 评论 -
页面设计-矢量图
矢量图定义：其实所谓的“矢量标志”现在主要是泛指国家机构、商业企业或其他具有品牌的标志（Logo）图。它们在计算机上通常是用矢量图处理软件（如CDr、ILL等）来制作，打印输出时，这种矢量图文件不会因放大或缩小而降低分辨率。 简单地讲：矢量图片是指可以任意放大缩小，但不影响显示效果的图片，当前比较好的下载矢量图片的网站有：图片空间站、矢量中国、昵图网、以及微软Office Update网站...原创 2019-01-14 14:53:28 · 446 阅读 · 0 评论 -
网页设计原则
1、内容和功能决定表现形式和界面设计做网页设计，你需要了解客户的东西很多：（1）建设网站的目的；（2）栏目规划及每个栏目的表现形式和功能要求；（3）网站主体色调、客户性别喜好、联系方式、旧版网址、偏好网址；（4）根据行业和客户要求，哪些要着重表现；（5）是否分期建设、考虑后期的兼容性；（6）客户是否有强烈建设网站的欲望；（7）你是否能在精神意识上控制住客户；（8...原创 2019-01-14 14:54:11 · 1285 阅读 · 0 评论 -
json和jsonp的使用格式
说到AJAX就会不可避免的面临两个问题：第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。JSON和JSONP虽然只有一个字母的...转载 2019-02-25 15:17:55 · 4474 阅读 · 0 评论 -
CORS解决跨域问题
CORS 定义Cross-Origin Resource Sharing（CORS）跨来源资源共享是一份浏览器技术的规范，提供了 Web 服务从不同域传来沙盒脚本的方法，以避开浏览器的同源策略，是 JSONP 模式的现代版。与 JSONP 不同，CORS 除了 GET 要求方法以外也支持其他的 HTTP 要求。用 CORS 可以让网页设计师用一般的 XMLHttpRequest，这种方式的错误...转载 2019-02-25 15:16:25 · 623 阅读 · 0 评论 -
浏览器同源策略与ajax跨域方法汇总
什么是同源策略要了解同源策略，首先得理解“源”。在这个语境下，源(origin)其实就是指的URL。所以，我们需要先理解URL的组成。看看这个URL：http://www.jianshu.com/p/bc7b8d542dcd我们可以将它拆解为下面几个部分协议、域名和路径：http :// www.jianshu.com /p/bc7b8d542dcd${proto...转载 2019-02-25 15:17:32 · 286 阅读 · 0 评论 -
CSS中的颜色设置
css中 color ， background-color 可以通过一下几种方式来设置：1、十六进制色 //所有主要浏览器都支持十六进制颜色值2、rgb和rgba3、颜色名称16进制颜色码是一个以“#”开头的6位十六进制数值表示一种颜色 。它是由RGB转换而来的，方法是分别指定R/G/B，也就是红/绿/蓝三种基色的强度，通常规定，每一种颜色强度最低为 ...转载 2019-03-18 15:53:43 · 1124 阅读 · 0 评论 -
PANTONE 色号
Pantone色，Pantone是美国著名的油墨品牌，已经成为印刷色的一个标准。它把自己生产的所有油墨都做成了色谱，色标，Pantone的色标因而成为公认的颜色交流的一种语言，用户需要某种颜色，就按色标标定就行。PANTONE色卡是享誉世界的色彩权威，涵盖印刷、纺织、塑胶、绘图、数码科技等领域的色彩沟通系统，已经成为当今交流色彩信息的国际统一标准语言。pantone色号 美国...原创 2019-03-18 15:53:16 · 11005 阅读 · 0 评论 -
如何让网站更可靠
在下面列出的这些时间段内，网站通常是无法运作的。服务器宕机的时候。 交通拥堵：突然间很多人都要看某个特别的新闻广播或涌向某个大甩卖网店。突然的拥堵可以使Web服务器过载，降低其响应速度，甚至使它彻底停机。 网络中断或掉线如何处理这些常见问题服务器集群服务器集群是一排配置相同的Web服务器，互相可以替换。每个服务器上的内容可以通过镜像复制，这样当某个服务器出问题的时候，其他的可以...原创 2019-05-05 10:56:52 · 191 阅读 · 0 评论 -
Html 顶级、块级、内联元素的三大分类
学习html后, 你会了解一些基本的html元素(Element), 如p, h1~h6, br, div, li, ul, img等.如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素. 1. Top-level element 【顶级元素】: { html, body, frameset }包括htm...转载 2019-01-11 11:55:37 · 436 阅读 · 0 评论