pure.css 学习记录

【pure.css 学习记录】的更多相关文章

兼容性记录: IE 8+ Latest Stable: Firefox, Chrome, Safari iOS 6-8 Android 4.x 处理兼容性  <!--[…

HTML与CSS学习记录

title: HTML与CSS学习记录 toc: true date: 2018-09-10 14:04:59 <HTML与CSS进阶教程读书笔记> HTML基础知识 HTML与XHTML HTML指超文本标记语言,是构成网页文档的主要语言.我们常说的HTML指HTML4.01. XHTML指扩展的超文本标记语言,是XML风格的.更严格.更纯净的HTML. 两者的主要区别: XHTML标签必须闭合. XHTML标签和属性必须小写. XHTML标签属性必须加引号. XHTML标签用id属性代替n…

前端css学习记录

参考资料:CSS权威指南(第三版)中文版核心要点: HTML负责标记文档的结构(HyperText Markup Language),结构化语言. CSS 负责表现文档的样式(Cascading Style Sheets),样式语言. 思考:html可能被xml取代,之前遇到过一个项目,使用xml显示文本的内容,xml内容经过特定的阅读器读取,会变成一个类似于word类型的文档.文档的内容大部分是一些表格的东西,可以打印出来.负责显示的程序就是一种类似与css解析器的东西.还有一些东西也是这样…

css学习记录

1 !important 表示此属性需要优先考虑: <head> <title>Page Title</title> <style type="text/css"> a { color: black !important; <----优先属性 } </style></head><body> <a style="…

网页前端之CSS学习记录总结篇

标签: 块级标签block:div, p, h1-h6, ul, ol,li, dl, dt, dd,table,tr等,独占一行,可以设置宽高,默认是父标签的100%:行内标签inline:a,span ,strong,i,u,em等,在一行内显示,不可以设置宽高,默认是字体的大小:p标签自带边距margin 16px:body是8px;display将标签转化为行内或者块级标签:行内块标签inline-block:在一行显示,可以设置宽高,如input,image,textarea,td标签…

精通css学习记录

#字体 * 无衬线字体(Sans-serif):Helvetica,Arial,'Lucida Family',Verdana,Tohoma,'Trebuchet MS' * 有衬线字体(Serif):Georgia,Times * 等宽字体(monospace),常用于计算机书籍的代码板块,每个字母宽度相等 * 梦幻(fantasy)和草体(cuisive)在网页上不常用,因为浏览器间差异大 * 中文:宋体.微软雅黑.华文细黑 #背景图像 background-position:使用p…

Pure Css 菜单的使用

本人新手,之前偶尔接触Bootstrap,也做过一些响应式开发,但是都是略显皮毛,公司的业务需求也限制了深入学习. 现着手Pure Css学习,尝试了简单的左边菜单自动隐藏的demo.闲话少说,代码贴上才是硬道理. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="http://yui.ya…

Pure.css网格系统学习心得——图片的响应式以及应用填充和边框网格单位的学习

今天学习了pure.css可定制的网格系统,pure默认的网格系统是移动先行,如果我们想在小屏幕上有网格只要用pure-u-*就可以了,下面来说一下它的主要用法! <div class="pure-g"> <div class="pure-u-2-5">五分之二</div> <div class="pure-u-1-5">五分之一</div> <div class="pu…

jQuery Moblile Demos学习记录Theming、Button、Icons图标，脑子真的不好使。

jQuery Moblile Demos学习记录Theming.Button.Icons图标,脑子真的不好使. 06. 二 / Jquery Mobile 前端 / 没有评论本文来源于www.ifyao.com禁止转载!www.ifyao.com 一CSS Framework块 Theming 是一个整体了解默认主题和内置的A-E主题各个效果.待解决问题,自定义主题,下边是一个知识点. http://www.w3cschool.cc/jquerymobile/jquerymobile-th…

D3.js学习记录【转】【新】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h…