CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢? 一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权. 浏览器缺省设置 外部样式表 内…

向 div 元素添加圆角: div { border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */ }         在 CSS3 中,box-shadow 用于向方框添加阴影: div { box-shadow: 10px 10px 5px #888888; }         通过 CSS3 的 border-image 属性,您可以使用图片来创建边框: div { border-imag…

学习笔记|JSP教程|菜鸟教程 -------------------------------------------------------------------------------------- JSP介绍 JSP简介 JSP开发环境 JSP on Eclipse  Tomcat8.0下载地址 JDK为8.0时,Tomcat需要为8.0而不能是8.5 JSP中System.out.println()与out.println()区别 eclipse设置新建jsp文件默认字符编码为utf-…

amazeui学习笔记--css(布局相关1)--网格Grid 一.总结 基本使用 1.div+class布局:amaze里面采取的就是div+class的布局方式  <div class="am-g am-g-collapse"> 2.网格布局中的行和列:.am-g .am-u-xx-n 3.3种尺寸:sm md lg 4.从普通css到amaze: .am-g { margin: 0 auto; width: 100%; }   .am-g-fixed { max-wi…

amazeui学习笔记--css(基本样式3)--打印样式Print 一.总结 1.打印显示url方法: 利用 CSS3 content 属性,将 <a> 和 <abbr> 的标题.链接显示在后面. <a href="http://www.amazeui.org">Amaze UI</a> 2.am-print-hide类: 浏览器可见,打印机隐藏. 二.打印样式Print 目录 显示 URL 链接 辅助 Class 参考链接 打印样式组…

amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非 衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块blockquote和定义列表(dl dt)注意一下 3.样式不能正常显示:拷贝过来的很多样式在博客中都不能正常显示 二.文字排版Typography 目录 字体 字体定义 字体辅助 Class Webkit 反锯齿 字体相关链接 元素基本样式 标题 <h1> - <h6> 段落 &l…

amazeui学习笔记--css(基本样式2)--基础设置Base 一.总结 1.盒子模型:外margin,内padding,这里的内外指的边框 2.border-box:Amaze UI 将所有元素的盒模型设置为 border-box    -moz-box-sizing: border-box; 3.em和px:根据字号做相应变化的场景也使用了 em,需要像素级别精确的场景也使用了 px 4.字号设置:Amaze UI 将浏览器的基准字号设置为 62.5%,也就是 10px,现在 1rem…

amazeui学习笔记--css(基本样式)--样式统一Normalize 一.总结 1.统一浏览器默认样式: Amaze UI 也使用了 normalize.css,就是让不同浏览器显示相同的样式 2.Normalize.css:在默认的HTML元素样式上提供了跨浏览器的高度一致性. 二.样式统一Normalize 在统一浏览器默认样式上,Reset 一度非常流行,更有简单粗暴的通配符 reset :  Copy * { margin: 0; padding: 0; border:0; } 时…

amazeui学习笔记--css(常用组件16)--文章页Article 一.总结 1.基本使用:文章内容页的排版样式,包括标题.文章元信息.分隔线等样式. .am-article 文章内容容器 .am-article-hd 文章头部,包含标题.元数据等 .am-article-title 文章标题 .am-article-meta 文章元数据,如作者.发布日期等 .am-article-bd 文章正文部分 .am-article-lead 文章摘要.导读等信息 .am-article-divi…

amazeui学习笔记--css(常用组件15)--CSS动画Animation 一.总结 1.css3动画封装:CSS3 动画封装,浏览器需支持 CSS3 动画. Class 描述 .am-animation-fade 淡入 .am-animation-scale-up 逐渐放大 .am-animation-scale-down 逐渐缩小 .am-animation-slide-top 顶部滑入 .am-animation-slide-bottom 底部滑入 .am-animation-sli…