CSS1学习资源

  1. Google: 关键词 MDN
  2. CSS Tricks
  3. Google: 阮一峰 css
  4. 张鑫旭的 240 多篇 CSS 博客
  5. Codrops 炫酷 CSS 效果
  6. CSS揭秘
  7. CSS 2.1 中文 spec
  8. Magic of CSS 免费在线书
开始写CSS
  1. 引入 CSS 的三/四种方式
  2. 从最小的东西开始入手
  3. 逐渐变大
  4. 学会组织 CSS(以后再说)
  5. 自己写 CSS UI 库
周边工具
  • LESS CSS
    一种简化、功能更多的 CSS 语言 中文官网 英文官网
  • SASS
    一种简化、功能更多的 CSS 语言(请自行搜索中英文官网)
  • PostCSS
    一种 CSS 处理程序

四种css引入方法

  1. 内联style属性
  2. style标签
  3. 外部文件 css link
  4. @import url(相对路径/绝对路径)

float

子元素用float元素时,子元素的父亲必须添加clearfix。清除浮动。

.clearfix::after {
    content: ' ';
    display: block;
    clear:    both;
}

选择器

  1. 大于号 > : .topNavBar>ul 表示ul必须是topNavBar的儿子。
css取值

不知道css属性的取值,可以用两种方法:

  1. 搜索MDN
  2. 在开发者工具,style中尝试。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.Google: 关键词 MDN 例如:想要查找table的相关属性,只需要在Google搜索:table at...
    黄同学2019阅读 283评论 0 0
  • 基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...
    花括弧阅读 252评论 0 1
  • http://www.w3school.com.cn/css/css_boxmodel.asp
    LinChengRain阅读 177评论 0 0
  • 写这篇博客主要是为了记录我学习css中的一些学习笔记, 因为我个人特别头疼css这个东西, 所以学到什么有用的就都...
    squall1744阅读 608评论 2 8
  • 写在前面 最近一直在学习CSS,感触良多,写一篇文章作为总结,以便于自己以后学习,也希望给大家行点方便 在前端的学...
    熊蛋子17阅读 1,149评论 1 9