【文件属性】：
文件名称：css-adv:htmlcss 布局实现技巧练习
文件大小：607KB
文件格式：ZIP
更新时间：2021-06-30 21:14:20
CSS
css-adv 前端能力提升练习
html/css布局实现技巧练习
css 练习布局命名由css-前缀开头
图片hover，1px公用边
不对称的全宽背景平铺
两列的经典布局（实现其中一列自适应？再优先加载？两列等高？）
简单的tab切换，要压住下边线哦
左小图，右自适应宽度的布局，小三角箭头的应用
箭头以及垂直排列
tag标签，注意文字垂直居中，标签要水平对齐
表格布局小应用，如何变得更精美
复杂的下单列表
筛选排序功能
筛选价格功能
筛选项布局
产品列表
tab切换变体，这个布局有些技巧
纯css实现半透明滑动板，两侧有滑道哦
这个布局点击横向滚动内容，每次4格但不超过最后一格以及垂直的滚动悬浮
文本两端对齐
文本垂直对齐
实现步骤条（纯css）
header标题居中
选色器
模拟键盘
JS 实现练习
正则过滤练习
Git 分支操作
//关联远程分支
$ cd your_repo_ro
【文件预览】：
css-adv-master
----.gitignore(97B)
----manifest.appcache(749B)
----LICENSE(1KB)
----js()
--------google-code-prettify()
--------jquery-1.8.3.min.js(91KB)
--------learn.js(3KB)
----template.html(427B)
----README.md(1KB)
----style.css(5KB)
----index.html(3KB)
----img()
--------css005.jpg(41KB)
--------color-picker.png(19KB)
--------keyboard.png(13KB)
--------css014.png(136KB)
--------css010.png(831B)
--------css012.png(15KB)
--------color-map.gif(7KB)
--------css008.png(12KB)
--------header-text-center.png(2KB)
--------css003.png(1KB)
--------css013.png(62KB)
--------css007.png(13KB)
--------css006.jpg(137KB)
--------css015.png(7KB)
--------css017.png(3KB)
--------README.md(3KB)
--------css018.png(18KB)
--------css004.png(3KB)
--------css002.png(4KB)
--------css001.png(10KB)
--------css009.png(37KB)
--------css016.png(25KB)
--------css019.png(9KB)
--------css011.png(2KB)
--------css014-img1.png(10KB)