CSS 技术关键字

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
时间: 2024-10-04 07:09:42

CSS 技术关键字的相关文章

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

前言 之前写了四篇HTML和CSS的知识点,也相当于是一个知识点汇总.有需要的可以收藏,平时开发过程中应该会遇到这些点,到时候再查看这些博客可能更容易理解.从这篇开始更多的介绍开发过程经常让人头痛的前端问题,以及如何编写性能比较高的前端代码.本人也是刚入门前端的小菜,希望各位前端大牛多多纠正内容中写的不对的地方,让我提升的更快.最近看到博客园中好多前端大牛,都是在各大bat公司工作,这也是我做开发的梦想... 导航 1.基础篇 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知

css技术和实例

今天,我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集.阴影效果.可扩展按钮.菜单等-这些实例都是使用纯CSS和HTML实现的. 单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面,单击每个实例的图片截图可以直接跳转到相应实例的Demo页面. 1.Hoverbox 图片集 一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果. 2.高级CSS菜单 一款很有创意且复杂的CSS导航方案. 3.滑动影集 手风琴效

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

基于浮动的布局: 1.除非图片设置了宽度,否则始终应该要对浮动的图片设置一个宽度,这样可以让浏览器给其他内容腾出环绕的空间 2.当侧边栏的高度与主内容区的高度不一致的时候,可以用个margin进行调整 3.在一个非浮动元素<div>中存在一个浮动元素,当浮动元素高于元素本身的时候,内容就会溢出<div>中,解决方案如下: A:在</div>介绍之前添加一个换行,并且添加一个类<br class=”clear”/>,之后创建一个样式br.class{clear

前端html、Javascript、CSS技术小结

简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页,只需要找找内部是否有html5的标志性标签就行了.然而平时虽然写了不少html,却没怎么关注它的发展史: GML(Generalized Marcup Language)通用标记语言 和SGML(Standard Generalized Markup Language)标准通用标记语言. 由Tim

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

精选30个优秀的CSS技术和实例 投递人 墙头草 发布于 2008-12-06 20:57 评论(97) 有17487人阅读 原文链接 [收藏] ? ? 今天,我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集.阴影效果.可扩展按钮.菜单等-这些实例都是使用纯CSS和HTML实现的. 单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面,单击每个实例的图片截图可以直接跳转到相应实例的Demo页面. 1.Hoverbox

JavaScript基础--事件驱动和访问CSS技术(十)

1.原理: 2.快速入门案例 js中的事件主要分为4种: 案例:监听鼠标点击事件,并能够显示鼠标点击的位置x,y <script language="javascript" type="text/javascript"> function test1(e){ window.alert('x='+e.clientX+'y='+e.clientY); } function test2(e){ window.alert('x='+e.clientX+'y='+

CSS initial 关键字,用于设置 CSS 属性为它的默认值

CSS initial 关键字 实例 设置 <div> 元素内的文本颜色为红色,但是为 <h1> 元素保持最初的颜色: div {color: red; }h1 {color: initial; } 浏览器支持 除了 Internet Explorer,其他的主流浏览器都支持 initial 关键字. Opera 15 之前的版本不支持 initial 关键字. 定义和用法 initial 关键字用于设置 CSS 属性为它的默认值. initial 关键字可用于任何 HTML 元素

响应式设计的核心CSS技术Media(媒体查询器)

总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法. <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--兼容ie--><meta name="viewport" content="width=device-width, initial-scale=1"><!--得到媒体查询屏幕宽度,缩放比例--> 准备

为什么要学习CSS+DIV技术?CSS技术适合谁学习?

首先要问人为什么要学习,为什么要有一技之长?答:时代不断变化各行各业日新月异不学习就会很快落后,活到老学到老,人要有一技之长,技为安身立命之根本. 学习CSS+DIV技术,可以让你认识互联网,认识我们每天接触的网页,自己也能制作出这样的网页. 如果你不会程序后台开发,你同样可以建站,利用免费开源网站系统建立网站,要实现网站美工与他人不同,你可以购买网页美工图找人切图做成开源程序可用的模板即可建立自己漂亮网站.如果你没有那么多经济请人,你可以找人设计好网页美工图后,自己利用学习CSS技术做成HTM