CSS 技术关键字

    • 元素

      • 替换元素
      • 非替换元素------替换元素和非替换元素的分类是CSS范畴内的，其它的分类都不属于CSS定义的
                       
        替换元素和非替换元素的定义是出于“我要不要管你内容区域的样式”考量的。
      • 行内元素
      • 块元素
      • 行内块元素   ---   行内元素、块元素、嵌套规则属于HTML里面定义里的语义范畴。具体而言，行内元素（标签）、块元素（标签）的区分只停留在HTML4阶段，HTML5早就已经放弃这种分类方式了。样式和结构/语义的分离体现在，我们说到元素时，指的是一个具体的标签或一类元素；而我们说到“行内块”的时候，指的是display: inline-block。不要把行内块元素和行内元素、块元素（尤其是这两个概念已经过时）进行并列，更不要把行内块元素和替换元素之类的做并列，不是一个范畴。
      • 嵌套规则
    • 选择器
      • 选择器权重
      • 基本选择器
      • 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 技术关键字的更多相关文章

  1. 【转】精选30个优秀的CSS技术和实例

    今天,我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集.阴影效果.可扩展按钮.菜单等-这些实例都是使用纯CSS和HTML实现的. ...

  2. 前端html、Javascript、CSS技术小结

    简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页 ...

  3. 如何提升我的HTML&CSS技术，编写有结构的代码

    前言 之前写了四篇HTML和CSS的知识点,也相当于是一个知识点汇总.有需要的可以收藏,平时开发过程中应该会遇到这些点,到时候再查看这些博客可能更容易理解.从这篇开始更多的介绍开发过程经常让人头痛的前 ...

  4. 精选30个优秀的CSS技术和实例

    精选30个优秀的CSS技术和实例   投递人 墙头草 发布于 2008-12-06 20:57 评论(97) 有17487人阅读 原文链接 [收藏] « » 今天,我为大家收集精选了30个使用纯CSS ...

  5. CSS3-基于浮动的布局，响应式WEB设计，定位网页上的元素，设计打印页面的css技术

    基于浮动的布局: 1.除非图片设置了宽度,否则始终应该要对浮动的图片设置一个宽度,这样可以让浏览器给其他内容腾出环绕的空间 2.当侧边栏的高度与主内容区的高度不一致的时候,可以用个margin进行调整 ...

  6. css技术和实例

    今天,我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集.阴影效果.可扩展按钮.菜单等-这些实例都是使用纯CSS和HTML实现的. ...

  7. 【转载】CSS font关键字属性值的简单研究

    文章转载自 张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress/ 原文链接:http://www.zhangxinxu.com/wordpress/?p=5 ...

  8. Css技术入门笔记02

    第一篇见Css入门笔记01http://blog.csdn.net/qq_32059827/article/details/51406674 4.其他选择器 4.1.关联选择器 有时在页面上会出现我们 ...

  9. Css技术入门笔记01

    在学习html的时候,html中的标签都具备了特定功能,或者含义,以及相应的样式效果.可是在有些时候我们可能仅仅希望使用 html标签把要显示的数据封装起来,而不需要任何的样式效果.这时就需要单独的标 ...

随机推荐

  1. 在Fedora 23 Server和Workstation上安装LAMP(Linux, Apache, MariaDB和PHP)

    在安装LAMP之前,建议先更新系统包$ sudo dnf update 第一步:安装Apache Web服务器1.在Fedora 23安装Apache,你可以运行下面的命令:$ sudo dnf in ...

  2. aspx后台生成json对象

    json对象应用很广,有时,我们要把一些数据转化为json对象,就需要用到以下方法了. 1.使用Newtonsoft.Json.DLL (推荐使用) 下载地址:http://files.cnblogs ...

  3. powerdesigner 转换各种数据库SQL

    转各种SQL脚本的步骤 一.

  4. FIFO算法

    package studyJava;class FIFO{ /* * 先进先出算法 * N:内存块的个数 * array:内存块 * size:页面数目 * */ private static fin ...

  5. Android_CodeWiki_02

    1.使用TransitionDrawable实现渐变效果  private void setImageBitmap(ImageView imageView, Bitmap bitmap) { // U ...

  6. div模拟textarea以实现高度自适应实例页面

    作为多行文本域功能来讲,textarea满足了我们大部分的需求.然而,textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应.textarea总是很自信地显摆它的滚动条,高度固执 ...

  7. python 爬虫时遇到问题及解决

    源代码: #unicoding=utf-8import reimport urllib def gethtml(url): html=urllib.urlopen(url) page=html.rea ...

  8. 960 grid 分析

    960 网格系统的构造如下:页面总宽度 960px12 栏布局, 每栏 60px每栏两边保留 10px 的外边距, 相当于 20px 的槽内容区域总宽度是 940px 960 布局无疑是非常好的网格系 ...

  9. 假数据自我添加测试--NSArray object

    一.列表假数据 //在.h文件里面定义node所包含实体类---1 struct listTestNode { NSString *image; NSString *name; }; //在.m实现文 ...

  10. 驳Linux不娱乐 堪比Win平台中十款播放器

    播放器在我们日常生活中扮演着非常重要的角色,在Windows操作系统中,播放器被应用的非常广泛,不但我们可以听音乐,甚至还可以听广播,制作铃声,下载音乐等等.而在Linux发行版中,缺少娱乐性一直性W ...