CSS – Icon】的更多相关文章

http://cssicon.space/#/icon/focus 这是所有用css写成的  小图标  右侧有 html和css代码…
1. 概念 这个小红点是图标,图标在CSS中实际上是字体. 2. 为什么出现本质是字体的图标? 2.1 图片增加了总文件的大小. 2.2 图片增加了额外的http请求,大大降低网页的性能. 2.3 图片不能很多地进行缩放,因为图片放大和缩小会失真. 3. 字体图标的优点,结合图片和文字的特性 3.1 可以做出跟图片一样可以做的事情,改变透明度.旋转度等等 3.2 本质是文字,可以很随意的改变颜色.产生阴影.透明效果等等 3.3 体积更小,可携带的信息没有削减 3.4 几乎支持所有浏览器 3.5…
html css 和js说明 1.什么是html? HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上,通俗的讲它就是服务器发送的字符串到浏览器,通过浏览器能解析的规则用HTML来描述, 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础 HTML语言是一种标记语言,不需要在服务端编译,直接由浏览器解释执行 HTML文件是一个文本文件,包含了HTM…
一.web font web font是应用在web中的一种字体技术,在CSS中使用font-face定义新的字体.先了解操作系统中的字体: a).安装好操作系统后,会默认安装一些字体,这些字体文件描述了每一个文字的形态,一般中文文件大,英文文件小,因为中文字符数多:在控制面板中可以找到文字文件夹,在C:\Windows\Fonts下也可以直接找到.另外如果想让自己的电脑上有更加丰富的字体,可以下载新的字体文件后复制到改位置. b).我们在文档中显示的字体应该在系统中能找到才会正常显示,比如你在…
#请参考http://www.cnblogs.com/pycode/p/5792142.html #html css 和js说明 ##1.什么是html? HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上,通俗的讲它就是服务器发送的字符串到浏览器,通过浏览器能解析的规则用HTML来描述, 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础 * H…
概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户“看得懂”的格式,呈现给用户! 如下图: HTML页面主体格式如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U…
原文转载:http://www.codeceo.com/article/15-interesting-js-css-framework.html 1. Wing Wing 是一个微型(压缩后仅有4KB)响应式的 CSS 框架,它提供了一个 12 列响应式网格以及基础的样式组件集,可为你的建站工作打下坚实的基础.当然,这个项目最酷的地方在于,它绝大多数的 HTML 元素都是自动样式化的,而不需要任何额外的类.希望你会喜欢! HERE:Wing 项目地址 2. Shave Shave 是一个零依赖.…
一.Html 1.本质:一个规则,浏览器能任务的规则 2.开发者:        学习Html规则        开发后台程序:            - 写Html文件(充当模板的作用) ******            - 数据库获取数据,然后替换到html文件的指定位置(Web框架) 3.html固定格式介绍 <!DOCTYPE html> <!-- #doctype指定统一规范:html --> <html>类似html这种格式(<html><…
一直以来我的CSS 的 class命名都是比较随意,有时采用驼峰式.有时采用下划线,好像没有什么统一的标准,想到什么英文单词就拿过来用,这对于自己瞎写的小项目无伤大雅,遇到冲突的问题可稍加调整改变即可. 今天,我学习并掌握了一种新的class命名规范,觉得它更加科学更加稳健.在此总结. 关注分离 class 的命名要遵循关注分离.松耦合的原则,同时注重易于理解 下面的代码展示了一些简单的 class 命名规范 ```html   ``` css .news {} .news-list {} .n…
来源于:http://blog.163.com/lintianhuanhai@126/blog/static/165587366201421704420256/ <!DOCTYPE html> <html>   <head>     <title>easyui中tree控件添加自定义图标icon</title>       <meta http-equiv="keywords" content="keyword…