文件名称:css-adv:htmlcss 布局实现技巧练习
文件大小:607KB
文件格式:ZIP
更新时间:2024-07-20 15:01:00
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)