工作中经常会用到用纯css3美化复选框 <div class="cross"></div> css代码.cross{ width: 20px; height: 20px; background-color: #F3F9FF; border-radius: 10px; border: 1px solid #DBE6EF; display: inline-block; position: relative; bottom: 20px; right: 15px;}.c…
项目中用到的一些特殊字符和图标 html代码 <div class="cross"></div> css代码 .cross{ width: 20px; height: 20px; background-color: #F3F9FF; border-radius: 10px; border: 1px solid #DBE6EF; display: inline-block; position: relative; bottom: 20px; right: 15px…
项目中用到的一些特殊字符和图标 html代码 <div class="cross"></div> css代码 .cross{ width: 20px; height: 20px; border-radius: 10px; border: 1px solid #DBE6EF; display: inline-block; position: relative; bottom: 20px; right: 15px;}.cross:after{ content: &q…
由于偶尔用到,又经常忘记,所以把网上的资料考下来记录一下. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .icon{ height: 100px; background:#fff; } .icon:after{ content: "\2715&quo…
HTML特殊字符编码对照表 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ Ε Ε Ε Ζ Ζ Ζ Η Η Η Θ Θ Θ Ι Ι Ι Κ Κ Κ Λ Λ Λ Μ Μ Μ Ν Ν Ν Ξ Ξ Ξ Ο Ο Ο Π Π Π Ρ Ρ Ρ Σ Σ Σ Τ Τ Τ Υ Υ Υ Φ Φ Φ Χ Χ Χ Ψ Ψ Ψ Ω Ω Ω α α α β β β γ γ γ δ δ δ ε ε ε ζ ζ ζ η η η θ…
HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字.下面就是以字母或数字表示的 特殊符号大全 ´ © © > > µ µ ® ® & ° ° ¡ ¡     » » ¦ ÷ ÷ ¿ ¿ ¬ ¬ § § • ½ ½ « « ¶ ¶ ¨ ¨ ¸ ¼ ¼ < < ± ± × × ¢ ¾ ¾ ¯ ¯ “ " ™ ™ € £ £ ¥ ¥         „ … … · · › › ª ª ˆ “ “ —…
备注:有时候我们会莫名其妙遇到一些特殊字符:  这些字符在网页上能正常显示,但是在APP特殊情景并不识别这些字符: 如:'     这个其实是单引号:   '     百度后发现,它其实是HTML特殊字符的十进制编码,下面是一些转码方法和效果图: 以下代码,直接直接调试: class Program { static void Main(string[] args) { string test = "test'abc"; string a = HttpUtility.HtmlDecod…
今天在写前端html时,一个a标签的链接地址,由于链接地址需要给后台传参数,因此带了部分url参数: 在html源码里写的连接地址是: http://域名/bidder/noticesearch?noticecate=1&noticetype=1 因为需要传递参数noticecate和参数noticetype给后台使用.但是结果页面运行的时候却显示的如下图所示: 可以发现&not这四个字符被编码成了一个特殊字符.因此导致出现了问题. 解决办法:.net mvc页面http://域名/bid…
前几天遇到url特殊字符编码的问题,在这里整理一下: JavaScript 1.  编码 escape(String) 其中某些字符被替换成了十六进制的转义序列. 解码 unescape(String) 该函数的工作原理是这样的:通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字),用 Unicode 字符 \u00xx 和 \uxxxx 替换这样的字符序列进行解码. *注释:ECMAScript v3 反对使用该方法,应用使用 decodeURI() 和 decode…
css3 & content & attr & data-* content: attr(data-value); https://github.com/oliviale/CSS-Progress-Pie/blob/master/css/progress_pie_unicorn.css https://codepen.io/collection/DQvYpQ/ <figure> <div class="progress-pie-unicorn thick…
基本形状 ▲ 9650 25B2 ► 9658 25BA ► 9658 25BA ▼ 9660 25BC◄ 9668 25C4 ❤ 10084 2764 ✈ 9992 2708 ★ 9733 2605✦ 10022 2726 ☀ 9728 2600 ◆ 9670 25C6 ◈ 9672 25C8▣ 9635 25A3 标点,特殊符号 « 171 00AB » 187 00BB ‹ 139 008B › 155 009B “ 8220 201C ” 8221 201D ‘ 8216 2018 ’…
本文地址:http://www.w3cplus.com/solution/css3content/css3content.html 这篇文章挺不错的,建议看一下. content一般和:before,:after一起使用,用来生成内容(img和input没有该属性),content的内容一般可以为以下四种: none: 不生成任何值. attr: 插入标签属性值 url: 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) string: 插入字符串 none…
content一般和:before,:after一起使用,用来生成内容(img和input没有该属性),content的内容一般可以为以下四种: none: 不生成任何值. attr: 插入标签属性值 url: 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) string: 插入字符串 none 其实我们常用的clearfix就是应用了这个none了 css code .clearfix:after { content: ""; visibili…
原链接:http://www.phpjz.cn/web/201311/1700.html 之前看到一些网站用户content这个词,觉得很奇怪,原来是css3新增的一个样式,发现还挺好用的,特别是用移动端的页面,兼容性很好,content用法不仅仅简单,而且很利于页面打开!今天就说是css3的content用法! 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8: 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上&#符号: 第二列可以用于…
符号 说明 对应编码(使用时去掉空格) 英文 & AND 符号 & amp; ampersand < 小于 & lt; little > 大于 & gt; great   空格 & nbsp; number space ? 问号 & quest; question " 引号 & quot; quote × 乘号 & times; times ÷ 除号 & divide; divide | 竖线 & ver…
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ Ε Ε Ε Ζ Ζ Ζ Η Η Η Θ Θ Θ Ι Ι Ι Κ Κ Κ Λ Λ Λ Μ Μ Μ Ν Ν Ν Ξ Ξ Ξ Ο Ο Ο Π Π Π Ρ Ρ Ρ Σ Σ Σ Τ Τ Τ Υ Υ Υ Φ Φ Φ Χ Χ Χ Ψ Ψ Ψ Ω Ω Ω α α α β β β γ γ γ δ δ δ ε ε ε ζ ζ ζ η η η θ θ θ ι ι ι κ κ…
使用google的gson进行object和json的转换,如下: public static String object2json(Object obj) { Gson gson = new Gson(); return gson.toJson(obj); } 这样转出来的字符串特殊字符,比如url中的=会变成unicode编码. 需要禁用html转义. 如下: public static String object2json(Object obj) { Gson gson = new Gso…
css3中出现了 ":before",":after"伪类, 你可以这样写: h1:after{ content:'h1后插入的文本'; ... } 这两个选择器的作用以及效果,这里就不在介绍了:主要说一下上面提到的一个css属性[content]用来和:after及:before伪元素一起使用,在对象前或后显示内容. content的取值:normal:默认值.表现与none值相同 none:不生成任何值. <attr>:插入标签属性值 <url…
js: encodeURIComponent();编码 c#: Uri.UnescapeDataString();解码…
简述 下面我们来讲述如何仅仅用CSS来实现一个可折叠的导航. 简述 nav标签 summary标签 效果 源码 解释 为小三角添加CSS样式 <nav>标签 定义和用法 <nav>标签定义导航链接的部分. HTML4.01与HTML5之间的差异 <nav>标签是HTML5中的新标签. <summary>标签 定义和用法 <summary>标签包含details元素的标题,"details"元素用于描述有关文档或文档片段的详细信…
特殊符号 UNICODE编码 =================== Start ⇠  箭头类 符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ &#8672 \u21E0 \21E0 ⇢ &#8674 \u21E2 \21E2 ⇡ &#8673 \u21E1 \21E1 ⇣ &#8675 \u21E3 \21E3 ↞ &#8606 \u219E \219E ↠ &#8608 \u21A0 \21A0 ↟ &am…
html.javascript.url特殊字符转义在实际编程中都是有用到的,有的人对特殊字符转义的使用不是很清楚,下面就对html,javascript,url特殊字符的转义做一下说明和归纳. html特殊字符转义 html特殊字符转义的格式规定: & + 实体(Entity)或#加上实体(Entity) + ";" 例如:& 转义后变成了 & amp; 还记得刚学习html那会,做网页布局,需要用到很多空格,于是就不停地按空格来影响布局,可是看到效果却一点没有…
一. CSS3 计数器详解    CSS3计数器(CSS Counters)可以允许我们使用CSS对页面中的任意元素进行计数,实现类似于有序列表的功能. 与有序列表相比,它的突出特性在于可以对任意元素计数,同时实现个性化计数. 1.CSS3计数器属性一览表 属性 描述 counter-reset 定义计算器,包括初始值.作用域等 counter-increment 设置计数器的增数 content 在::before和::after中生成内容 counter 在content属性中使用,用来调用…
大家好,这里是 Daotin 从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.标签 1.单标签 注释标签 : 换行标签: 或 水平线标签: 或 2.双标签 段落标签: 特点:上下自动生成空白行.br 换行不会生成空白行. 标题标签:,,,,, h1 在一个页面里只能出现一次.(作用是:便于SEO 搜索引…
UNICODE,GBK,UTF-8区别 UNICODE,GBK,UTF-8区别    简单来说,unicode,gbk和大五码就是编码的值,而utf-8,uft-16之类就是这个值的表现形式.而前面那三种编码是一兼容的,同一个汉字,那三个码值是完全不一样的.如"汉"的uncode值与gbk就是不一样的,假设uncode为a040,gbk为b030,而uft-8码,就是把那个值表现的形式.utf-8码完全只针对uncode来组织的,如果GBK要转UTF-8必须先转uncode码,再转utf-8就O…
html.javascript.url特殊字符转义在实际编程中都是有用到的,有的人对特殊字符转义的使用不是很清楚,下面就对html,javascript,url特殊字符的转义做一下说明和归纳. html特殊字符转义 html特殊字符转义的格式规定: & + 实体(Entity)或#加上实体(Entity) + “;” 例如:& 转义后变成了 & amp; 还 记得刚学习html那会,做网页布局,需要用到很多空格,于是就不停地按空格来影响布局,可是看到效果却一点没有变化.原因是htm…
前言 本文讲解CSS中使用频率并不高的content属性,通过多个实用的案例,带你由浅入深的掌握content的用法,让代码变得更加简洁.高效. 定义 W3school中这样定义: content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容. 该属性用于定义元素之前或之后放置的生成内容.默认地,这往往是行内内容,不过该内容创建的框类型可以用属性 display 控制. 在前端日常开发中,content属性使用频率并不高,所以开发者一般对它的理解并不深入,通常会在清除…
转载地址:http://blog.csdn.net/bluestarf/article/details/40652011 转载原文地址:http://zhengmifan.com/news/notebook/801 HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”.要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法. 简…
前言:今天遇到一个问题,一个用户在登录的时候,出现登录失败.但是其他用户登录都是正常的,经过调试发现登录失败的用户的密码中有两个特殊字符: * .#  . 特殊符号在提交表单的时候,出现了编码不一样的问题.那么编码是什么鬼?? 1.什么是application/x-www-form-urlencoded字符串? 它是一种编码类型. 当URL地址里包含非西欧字符的字符串时,系统会将这些字符转换成application/x-www-form-urlencoded字符串. 表单提交时也是如此,当包含非…