随笔分类 -  CSS

• CSS学习笔记（12）--Flex 布局教程：实例篇
  摘要：原文--阮一峰博客 作者： 阮一峰 日期： 2015年7月14日 上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schr 阅读全文
  posted @ 2017-02-21 15:07 Jacklovely 阅读(392) 评论(0) 推荐(0) 编辑
• CSS学习笔记（11）--Flex 布局教程：语法篇
  摘要：原文--阮一峰博客 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 阅读全文
  posted @ 2017-02-21 15:05 Jacklovely 阅读(373) 评论(0) 推荐(0) 编辑
• CSS学习笔记（10）--nth-child和nth-of-type
  摘要：CSS3 :nth-child() 选择器 规定属于其父元素的第二个子元素的每个 p 的背景色： p:nth-child(2) CSS3 :nth-of-type() 选择器 规定属于其父元素的第二个 p 元素的每个 p： p:nth-of-type(2) 阅读全文
  posted @ 2017-02-05 22:15 Jacklovely 阅读(255) 评论(0) 推荐(0) 编辑
• CSS学习笔记（9）--详解CSS中:nth-child的用法
  摘要：详解CSS中:nth-child的用法 前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途： Tips：还用低版本的IE浏览器的哥们请绕过！ :n 阅读全文
  posted @ 2017-01-29 11:20 Jacklovely 阅读(1895) 评论(0) 推荐(0) 编辑
• CSS学习笔记（8）--纯CSS绘制三角形（各种角度）
  摘要：纯CSS绘制三角形（各种角度） CSS三角形绘制方法，学会了这个，其它的也就简单。 我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 阅读全文
  posted @ 2017-01-29 10:34 Jacklovely 阅读(210) 评论(0) 推荐(0) 编辑
• CSS学习笔记（7）--html页面的CSS、DIV命名规则
  摘要：html页面的CSS、DIV命名规则 CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标 阅读全文
  posted @ 2017-01-26 21:56 Jacklovely 阅读(289) 评论(0) 推荐(0) 编辑
• CSS学习笔记（6）--浮动，三列布局，高度宽度自适应
  摘要：百度ife任务三，要求中间宽度自适应，高度取三列最高者。 开始用position的relative和absolute，但是relative不能自适应宽，absolute不能加float浮动，撑不起来外框。 折腾了三天，最后在一个网站看到，左left浮动，右right浮动，中间啥都不用，既不用posi 阅读全文
  posted @ 2017-01-19 14:16 Jacklovely 阅读(361) 评论(0) 推荐(0) 编辑
• CSS学习笔记（5）--导航ul，li浮动问题
  摘要：为什么只给li设置浮动，没有给ul设置浮动，ul后的元素div也会跟着浮动？ 为什么只给li设置浮动，没有给ul设置浮动，ul后的元素div也会跟着浮动？ 添加评论 分享 添加评论 分享 分享 分享 分享 默认排序按时间排序 3 个回答 默认排序按时间排序 3 个回答 张思远 程序员 2 人赞同 代 阅读全文
  posted @ 2017-01-17 14:48 Jacklovely 阅读(570) 评论(0) 推荐(0) 编辑
• CSS学习笔记（4）--选择器（w3school）
  摘要：CSS3 选择器 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。） 阅读全文
  posted @ 2017-01-12 15:43 Jacklovely 阅读(349) 评论(0) 推荐(0) 编辑
• CSS学习笔记（3）--表格边框
  摘要：http://www.alixixi.com/web/a/2009082657736.shtml 对于很多初学HTML的人来说，表格<table>是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。 一般我们用表格的时候总会给它个border属性，比如：<table border="1"> 阅读全文
  posted @ 2016-12-31 21:38 Jacklovely 阅读(284) 评论(0) 推荐(0) 编辑
• CSS学习笔记（2）--html中checkbox和radio
  摘要：checkbox复选，radio单选 阅读全文
  posted @ 2016-12-30 16:24 Jacklovely 阅读(279) 评论(0) 推荐(0) 编辑
• CSS学习笔记（1）--浮动
  摘要：总结：浮动只能在脱离文档流的当前位置向上浮动，不能像定位一样到处乱跑。 清除浮动，设置一个类.clear{clear:both;} 1.没有浮动，都独占一行： 2.红色浮动，后两个顶上来： 3.红色、蓝色浮动，绿色顶上来，红蓝在上面一层先后排列： 4.全部浮动，都在上面一层，先后排列： 5.只蓝色浮 阅读全文
  posted @ 2016-12-26 16:30 Jacklovely 阅读(204) 评论(0) 推荐(0) 编辑