问题描述
本人整理了一部分关于CSS技术相关的关键字,希望能够得到更多的补充,现邀请大家一起来关注这个话题。
CSS 技术关键字
- 元素
- 替换元素
- 非替换元素
- 行内元素
- 块元素
- 行内块元素
- 嵌套规则
- 选择器
- 选择器权重
- 基本选择器
- CSS属性选择器
- CSS伪类选择器
- 第四代选择器
- 盒子模型
- IE 非标准盒模型
- W3C 标准盒模型
- 传统布局
- 文档流
- BFC
- IFC
- 脱离文档流布局
- 现代布局
- 栅格化布局(Bootstrap)
- 网格布局(960gs)
- 弹性盒子模型布局(Flexbox)
- 变换和动画
- transform
- transition
- animation
- 响应式&自适应
- @media
- viewports
- iconfont
- px,em,rem,%
- 图像
- 浏览器兼容性
- css bug
- Haslayout bug
- 属性不支持
- css hack
- 条件样式
- 图像
- css sprite
- svg
- 预处理
- Less
- Sass
- 性能优化
- reflow
- repaint
- 组织规范
- BEM
- OOCSS
- 模块化
- 渐进增强
- 框架使用
- Bootstrap
- Ratchet
- Foundation
- 960.gs
作者可申请解除账号屏蔽,所有内容将会重新显示。
非科班又不喜欢看书的表示很喜欢这种汇总类型的,很好 :)
css的资料很多,我觉得这个能满足你的要求,你可以看看:
http://www.hubwiz.com/course/54d1cae088dba03f2cd1fec1/
最近在学习css,表示感谢
9月1日,更新了一下概念这边的分类
看到你的分类中呢,有CSS2.1、CSS3标准中的属性与值,也有基础概念如BFC,也有兼容性相关内容,也有性能与调优,还有代码规范和预处理,这些列起来有点一锅粥了。
选题可以大,但切入点一定要小。(要不然只会无限拖延,比如我的“字体排印在前端”……
先帮你梳理一下标准。
具体来说,借CSS2.1标准的骨架,填充进一些新的CSS3标准。要不然CSS3各个module一填进去,这个树就过于庞大了。
HINTS
替换元素和非替换元素的分类是CSS范畴内的,其它的分类都不属于CSS定义的
替换元素和非替换元素的定义是出于“我要不要管你内容区域的样式”考量的。
行内元素、块元素、嵌套规则属于HTML里面定义里的语义范畴。具体而言,行内元素(标签)、块元素(标签)的区分只停留在HTML4阶段,HTML5早就已经放弃这种分类方式了。
样式和内容的分离体现在,我们说到元素时,指的是一个具体的标签或一类元素;而我们说到“行内块”的时候,指的是display: inline-block
。
不要把行内块元素和行内元素、块元素(尤其是这两个概念已经过时)进行并列,更不要把行内块元素和替换元素之类的做并列,不是一个范畴。兼容性分类方式,建议你参考w3help
在对标准有足够认识前,不建议去尝试组织兼容性问题,兼容性问题本身就是偏离标准或标准缺位时期的产物,很难系统地整理起来的。至于布局标准分类方式,你可以参考kejunz的整理。
当然文章已经是2012年的了,有点过时,你可以看看哪些标准已经到了新的阶段(比如flex大修了一次语法)CSS奇技淫巧不要太多。
CSS代码规范其实也多如牛毛,不仅仅是oocss之类的比较极端的规范,还有各个项目中的折中用法。
只是CSS过了这么多年依然是全局式引入,大部分代码规范都不可避免的在为之打补丁,整理这个,为时过早。分清布局模式和基于布局模式的应用
比如栅格系统是没有被考虑在CSS现行规范中的,但你可以应用CSS来做栅格系统。因此不太建议去做“传统布局”-“现代布局”的分类,不是一个层面。
首先感谢邀请……
看了一下题目中提到的几个东西,然后想了一下,所谓的CSS核心技术关键字,这个关键字主要是什么呢。
第一眼我以为是CSS属性中的一些东西,然后看题目中涉及到的,似乎不少是引申出来的东西,然后又有不少是CSS属性的名称或者单位,所以,我有点迷糊了,不知道题主想要的是什么。
这里就放几个网址,希望多少能给题主一点参考吧:
- http://www.w3.org/Style/CSS/current-work
- http://www.chinaw3c.org/glossary-sc.html
- https://docs.webplatform.org/wiki/css/zh
- https://developer.mozilla.org/zh-CN/docs/Web/CSS
提交答案之前,又回头看了几眼,总感觉题主的归类有问题。
盒子模型
- IE 非标准盒模型
- W3C 标准盒模型
这里的盒子模型,如果考虑到以前的浏览器,那么好像是叫“怪异模式”又或者是其他名称,我忘了,然后标准模式。接着如果现在算上box-sizing
这个属性的话,我就更不知道了怎么叫了,border-box
、content-box
以及好像目前还不是很支持的padding-box
……
回答的有点乱……见谅……
感谢大家的关注,当时一时兴起做的这个关键字分类,算是接触CSS以来碰到过的所有知识点,但是本身并没有做过大型网站的架构,而且所做过的项目对于CSS应用也只停留在简单的表现层面,所以一直以来理解CSS的方式就是如何用,如何用它去解决当前的问题;从来没有按照CSS自身的属性和特性去理解它。
目前 @Humphry 对于这个技术关键字分类有了新的梳理,通过阅读对CSS有了新的思考和认识,推荐大家阅读 —— 《CSS中的语法与概念》
mark一下,对于新手知识体系的整体和查漏很有用。
- C#实现多线程下载文件的方法
- Win7升级Win10后Office 2013文件无法打开的解决方法
- Jquery 切换不同图片示例代码
- C#实现位图转换成图标的方法
- CentOS系统中使用pptp架设vpn的方法
- java实现静默安装apk
- Java基础教程之包(package)
- js 定义对象数组(结合)多维数组方法
- fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
- 使用HTML5的表单验证的简单示例
- js调用图片隐藏&显示实现代码
- 图片垂直居中css写法兼容ie6
- win7设置禁止桌面图标更改以防他人乱改
- Java的Hibernate框架中用于操作数据库的HQL语句讲解
- php生成静态页面的简单示例
- 实例分析java中重载与重写的区别
- 如何用C语言、Python实现栈及典型应用
- 探索ORACLE之ASM概念(完整版)
- 升级Win10后C盘告急怎么办?一招释放硬盘空间
- c#操作附加数据库的方法
- mysqldump加-w参数备份数据时需要注意的事项
- JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册
- CSS的background属性及CSS3的背景图片设置总结
- JavaScript设计模式初探
- 有没有一个UUID,它的hashcode刚好等于Integer.MIN_VALUE
- Connection attempts: 11Adb connection Error:远程主机强迫关闭了一个现有的连接。?
- Python中for in语句的问题
- 开源微信HTML5网页框架?
- django+gunicorn+nginx部署问题
- Object.defineProperty添加一个不可枚举的extend()方法 是什么意思,如何使用?
- angularjs 修改入口文件 index.html 的位置
- jquery 插件开发 为什么 return this.each(function (){})
- html5中<img src="" data-fullsrc=""> 自定义data-fullsrc属性作用?
- JavaScript对象怎么解析
- outline这个属性存在的意义在哪儿?
- 请问下面JS代码里面的activeProject是做什么的?
- 单页面应用是如何进行部署的?
- IOS 网络请求优化问题
- 关于 sublime text3的使用
- 如何自己检查NodeJS的代码是否存在内存泄漏
- 通过js如何修改剪贴板的内容?
- 导航栏不变,导航内容独立成组件,不使用spa如何做到?
- 图片访问诡异问题
- 为什么通过网站的域名而得不到其ip地址?