【HTML学习笔记 CSS文本及字体及连接及列表(a标签使用及缩进) 案例 第七节 （原创）参考使用表】的更多相关文章

HTML学习笔记 CSS文本及字体及连接及列表(a标签使用及缩进) 案例 第七节 （原创）参考使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文本及字体及连接及列表</title> <link rel="stylesheet" href="tzy.css" type="text/css"> </head> <…

HTML学习笔记 css定位（静态，相对，固定，绝对布局）偏移案例 第十二节 （原创） 参考使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS定位(静态,相对,固定,绝对布局)小广告案例</title> <link rel="stylesheet" href="tzy.css" type="text/css"> <…

amazeui学习笔记--css（常用组件5）--评论列表Comment

amazeui学习笔记--css(常用组件5)--评论列表Comment 一.总结 1.am-comment:使用am-comment来声明评论对象,这个是放在article里面的,虽然article也是div来的 2.comment基本结构如下: <article class="am-comment"> <!-- 评论容器 --> <a href=""> <img class="am-comment-avatar…

HTML 学习笔记 CSS样式（字体）

css字体属性定义文本的字体系列 大小 加粗 风格 和 变形(如小型大写字母(类似于大写字母字体变小了)) css字体系列 在css中 有两种不同类型的字体系列名称 1.通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")2.特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier") 指定字体系列 font-family 属性定义字体系列 body {font-…

amazeui学习笔记--css（布局相关3）--辅助类Utility

amazeui学习笔记--css(布局相关3)--辅助类Utility 一.总结 1.元素清除浮动: 添加 am-cf 这个 class 即可 2.水平滚动: .am-scrollable-horizontal 内容超出容器宽度时显示水平滚动条.  <div class="am-scrollable-horizontal"> 3.垂直滚动: .am-scrollable-vertical  4.浮动相关: .am-cf - 清除浮动 .am-fl - 左浮动 .am-fr …

HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

HTML+CSS学习笔记(5)- 与浏览者交互,表单标签 1.使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form method="传送方式" action="服务器文件"> 讲解: 1.<form>:<form>标签是成对出现的,以<form>开始,以</form>…

amazeui学习笔记--css（基本样式3）--文字排版Typography

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

amazeui学习笔记--css（常用组件6）--图标Icon

amazeui学习笔记--css(常用组件6)--图标Icon 一.总结 1.关注用法即可:在 HTML 上添加添加 am-icon-{图标名称} class. <span class="am-icon-weixin"> Wechat</span> 2.图标大小: .am-icon-sm,放大 150% .am-icon-md,放大 200% .am-icon-lg,放大 250% 3.icon button:在 Icon 上添加 .am-icon-btn cl…

amazeui学习笔记--css（常用组件4）--关闭按钮Close

amazeui学习笔记--css(常用组件4)--关闭按钮Close 一.总结 1.关闭按钮基本用法:关闭按钮样式,可以结合其他不同组件使用.对 <a> 或者 <button> 添加 .am-close class.<a href="#" class="am-close">×</a> 2.&times:关闭按钮用到的那个叉叉是&times,如果是icon font则不用 3.带边框样式:添加 .am-c…

amazeui学习笔记--css（常用组件1）--小徽章Badge

amazeui学习笔记--css(常用组件1)--小徽章Badge 一.总结 1.am-badge:添加am-badge来声明小徽章对象 <span class="am-badge am-badge-primary">2</span> 2.badge位置:badge可以放在span或者a标签中  <a class="am-badge am-badge-primary">Free</a> 3.圆角样式或者椭圆样式:am-…