HTML+CSS
崔世勋
这个作者很懒,什么都没留下…
展开
-
css中global
局部作用域css的规则都是全局的,任何一个组件的样式规则,都对整个页面有效。产生局部作用域的唯一方法,就是使用一个独一无二的class的名字,不会与其他选择器重名,但是当我们与其他人共同开发的时候,无法保证一定与其他人不同,这时候就要用到css modules。下面是一个React组件App.jsimport React from 'react';import style from...转载 2019-10-23 15:13:17 · 2220 阅读 · 0 评论 -
background-position
默认情况下,背景图像都是从元素padding区域的左上角开始出现的,但设计师往往希望背景能够出现在任何位置。 background-position: xpos ypos | x% y% | x y(1)xpos ypos表示使用预定义关键字定位,水平方向可选关键字有left|center|right,垂直方向可选关键字有top|center|bottom。left表示图像...转载 2019-11-05 15:57:44 · 237 阅读 · 0 评论 -
html svg
svg 是Scalable Vector Graphics意为可缩放矢量图形,SVG使用XML格式定义二维图形和绘图程序的语言。实例 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1....转载 2019-10-21 11:11:09 · 751 阅读 · 0 评论 -
background-attachment
前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为背景图片随滚动轴的移动方式。scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。fixed: 背景图相对于视口固定,所以随页面滚动背景不动。...转载 2019-11-05 15:48:06 · 398 阅读 · 0 评论 -
css less的基本使用
less作为css的一种形式的扩展,它并没有阉割CSS的功能,而是在现有的CSS语法 上,添加了很多额外的功能。变量在less中利用@符号进行变量的定义@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }混合在less中我们可以定义一些通用的属性集为class,...转载 2019-10-23 14:42:19 · 1467 阅读 · 0 评论 -
JSP九大内置对象详解&JSP入门
1.request对象客户端的请求信息被封装在request对象中,它是HttpServletRequest类的实例。2.response对象包含了响应客户请求的有关信息,它是HttpServletResponse类的实例。3.session对象指的是客户端与服务器的一次会话,它是HttpSession类的实例。4.out对象是JspWriter类的实例,是向客户端输出内容常用的对象。5.page对转载 2016-05-26 17:02:13 · 458 阅读 · 0 评论 -
Qname是什么
Qname这个东东,在使用dom4j的时候,经常见到,可能是自己解析的xml都太简单了,所以没有仔细研究过,就是觉得名字很怪异,在google百度搜索“什么是qname”,居然只有几条没有像样答案的纪录。还好,在国外网站上找到了相关的解释,这下基本明白了。1.来历:qname是qualified name 的简写2.构成:由名字空间(namespace)前缀(prefix)以及冒号(:),还有...转载 2016-10-14 11:26:50 · 2597 阅读 · 0 评论 -
favicon
其实说白了就是大部分网站都会在打开的浏览器tab最左侧显示这个小图标。这个怎么设置1.默认放置在服务器根目录下面就是将文件命名为favicon.ico并放在网站根目录下,浏览器会自动发送请求去获取 http://host/favicon.ico,这个请求在浏览器中通过F12是看不到的。 2.通过link标签修正网页图标位置和名称 <link href="favicon...转载 2017-01-09 13:37:22 · 565 阅读 · 0 评论 -
XSD 文件 xml Schema Definition
xml schema 的用途1. 定义一个xml文档中都有什么元素。2. 定义一个xml文档中都会有什么属性。3. 定义某个节点都有什么样的子节点,可以有多少个子节点,子节点出现的顺序。4. 定义元素或者属性的数据类型。5. 定义元素或者属性的默认值或者固定值。 <?xml version="1.0"?><xs:schema xmlns:xs="...转载 2017-12-08 09:51:01 · 524 阅读 · 0 评论 -
Content-Disposition响应头
下面的描述是语法树的形式:disposition := "Content-Disposition" ":" disposition-type *(";" disposition-parm) disposition-type := "inline" / "attachment" ...转载 2018-11-16 15:50:09 · 1456 阅读 · 0 评论 -
禁止网页内容复制、另存为、粘贴的简单方法
1.在中加入如下的代码,这样鼠标的左右键都失效了. topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty转载 2016-07-19 10:26:52 · 1091 阅读 · 0 评论 -
applicatin/x-oleobject
多媒体协议里对于对象类型的标识,是不确定类型的二进制可执行程序。 最后欢迎大家访问我的个人网站: 1024s转载 2016-07-19 09:44:37 · 826 阅读 · 0 评论 -
javascript location.href
Javascript中location.href有很多种用法,主要如下:self.location.href=”/url”location.href=”/url”windows.location.href=”/url”这三个都是在当前页面打开URL页面。parent.location.href=”/url”,在父页面打开新页面。top.location.href=”/url...转载 2016-07-19 09:42:09 · 519 阅读 · 0 评论 -
position的static、relative、absolute、fixed、inherit
static是默认值。就是按正常的布局流从上到下从左到右布局,平常我们做网页时,没有指定 position,也就表示使用 static。relative没有脱离布局流,此时可以使用 top、right、bottom、left 属性。top 和 bottom 共存时,使用 top 值,忽略 bottom 值; left 和 right 共存时,使用 left 值,忽略 right ...转载 2014-09-13 17:05:05 · 646 阅读 · 0 评论 -
html中charset和content-language的区别
假设下面的这一段html中meta的两行配置。<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="Content-Language" content="zh-CN&quo转载 2016-07-27 14:13:11 · 1890 阅读 · 0 评论 -
input oncopy用法
<input type="text" oncopy="myFunction" value="拷贝文本" >当在<input>元素上拷贝文本时会执行JavaScript。 oncopy="document.selectioni.empty()"和oncopy="return false"都可以实现“禁止复制”。 最后欢迎大家访问我的个转载 2016-07-27 14:54:13 · 1126 阅读 · 0 评论 -
ASCII码表和常见键盘码
ASCII码表ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符 0 NUT 32 (space) 64 @ 96 、 1 SOH 33 ! 65 A 97 a 2 STX 34 ” 66...转载 2016-07-27 15:05:04 · 2137 阅读 · 0 评论 -
document.ready和onload的区别
页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成。用jQ的人很多人都是这么开始写脚本的:$(function(){// do something});其实这个就是jq ready()的简写,他等价于:$(document).ready(function(){//do so...转载 2016-07-27 15:30:45 · 422 阅读 · 0 评论 -
html <base> href属性
为页面上所有相对URL规定基准URL。 最后欢迎大家访问我的个人网站: 1024s转载 2016-07-27 15:57:00 · 547 阅读 · 0 评论 -
meta标签中的http-equiv属性介绍
meta标签共有两个属性,它们分别是http-equiv属性和name属性。 1、name属性name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。meta标签的name属性语法格式是:<metaname="参数"content="具体的参数值">。其中name属性主要有以下几...转载 2016-07-27 16:05:59 · 534 阅读 · 0 评论 -
window open opener
一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.open(pageURL,name,parameters) 其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例:<SCRIPT> &l...转载 2016-07-19 09:51:53 · 581 阅读 · 0 评论 -
在html里嵌入JavaScript
1.脚本类型<script type="text/javascript"></script>2.内嵌<script>元素*.html<script> function display(){....}window.onload=display;</script>3.src属性使用外部文件中的脚本...转载 2016-07-28 08:57:13 · 709 阅读 · 0 评论 -
《HTML5+CSS3网页布局和样式精粹 》 -- 读书笔记
第1章 认识HTML和CSSHTML是英文HyperText Mark-up Language的简称,是根据SGML(Standard Generalized Markup Language)标准定义的。CSS是Cascading Style Sheet的缩写,它是描述文档怎样被呈现的语言。 W3CWorld Wide Web Consortium的简称,也就是“万维网联盟”或“万...原创 2014-07-08 16:16:26 · 3178 阅读 · 0 评论