CSS3新增了嗯- -21个选择器,脚本通过控制台在这里运行; ~: p ~ p { color : red;/*此条规则将用于p后边所有的p...就是除了第一个p的所有p,规则同p:not(:nth-of-type(1)),但是权重要低于后者*/} [attribute^=value]: 选择该属性以特定值开头的元素 [attribute$=value]: 选择该属性以特定值结尾的元素 [attribute*=value]: 选择该属性中出现了特定值的元素 上边三个是可以组合使用的,方法如 ↓...
一、模块分析 1.每开发一个项目之前，首先要对项目进行一个大致规划，它到底要做什么功能，它有什么具体需求。 2.所以需要进行模块化分析，把这些东西具象化，把一个问题模块化，对需求有一个宏观的了解。 3.有一个模块的概念后，把模块进行细分，细分成更小的模块，然后逐一击破。 不进行模块分析的恶劣影响： 不做模块分析，一上手就想到哪儿做到哪儿，很容易一叶障目，不能看到全貌，你会发现做着做着就失控了。因为有...
学完CSS+Div的视频，感觉讲的挺清晰的，不看不知道，一看吓一跳，原来CSS可以为网页增色不少呢！ CSS全称是Cascading Style Sheet,层叠样式表。它把网页的样式和内容分离开，实现了两者的解耦，让样式的控制更加的灵活。 在Html大家庭中，CSS主要负责Html样式、JS经常作为触发的事件、xml可以传输小量的数据、Ajax主要进行异步刷新，它们都实现了与网页内容解耦，增强了内聚性。 CSS很简单，就三种选择器：ID（#）、...
CSS3的媒体查询是对CSS2媒体类型的扩展,完善; CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性; media query 与 media type 的区别在于: media query是一个值或一个范围的值,而media type仅仅是设备的匹配(所以media type 是一个单词,而media query 后边需要跟着一个数值,两者可以混合使用); media可用于link标签属性 [media] 以及css文件内,下...
1.根据功能，把不同的部分写出来，方便扩展 一个标题 Lorem ipsum dolor sit amet, consectetur adipisicing elit, laborum. item1 item1 item1 又一个标题 我是副标题...
（原文链接：） CCS = Cascading Style Sheets 行间样式表（不推荐）： 内部样式表（不推荐）： p{color:#F00;} …… 外部样式表（一般在head的title下面）： CSS书写结构： { : ; …… } 如： p { color: #F00; font-size: 12px; } ...
概述: CSS3新添加的Transform可以改变元素在可视化区域的坐标(这种改变不会引起文档的重排,只有重排),以及形状,还有些3D形变.结合 Animation(这里以后会有个链接的) 能实现酷炫的动画; 旋转(rotate): rotate支持一个参数,一个角度值 0-360deg #demo { transform:rotate(180deg) ;/*实现旋转,左上角的东西会在右下角显示*/} 缩放(scale): scale支持两个参数(x,y),如果没有填y的话,则取x的值;1为正常,<1为缩...
通过对CSS基础一天的学习以及练习，觉得自己以前还是蛮无知的，一直以为CSS样式是别人写好的，自己只需要像导包一样拿过来用就可以。直到自己认真学了之后才直到是什么样的。自己如果不去敲代码感觉永远都学不到新知识，即使有时候书本上告诉了我一段代码结果是什么样的，但是从书本上得知结果的心情跟自己敲出来的完全不一样，简单点说就是不去实践永远都不知道真理是什么样的，以前也经常觉得有些知识太难，自己反正是学不会的，...
CSS 过渡（transition）, 是 CSS3 规范的一部分, 用来控制 CSS 属性的变化速率。 可以让属性的变化过程持续一段时间，而不是立即生效。比如，将元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 transition 后，将按一个曲线速率变化。这个过程可以自定义。 Transition是一个简写属性,四个值(单独使用均加transition-前缀)的顺序: property duration timing-function delay 过渡就是在一...
同样是拿xMind写的 明天上传 CSS+DIV 总结 今天只有CSS了 但是首先涉及一下浏览器原理： 还有好多不知道的模块 但是页面的核心模块就这些了：（些许 需要补充 请关照 ） //===================下面是CSS总结 算是 一览图 吧========不得不说标记语言很强大 也很简单 解析速度也很快============== //======下面结合了 div 和 css组合 一览图 还没整理好 ===================== //-----------...
问题 1、有些浏览器不完全支持css3，现在可以用哪个工具去检测浏览器是否支持，以及支持哪些项？ modernizr:检测浏览器对HTML5和CSS3特性（至于modernizr的介绍，可以看我另外一篇博文HTML5系列四（特征检测、Modernizr.js的相关介绍）） 2、常用的html标签，它们的display属性一般默认为block和inline。有哪些常用标签的display不是block和inline，这些标签显示的时候和block/inline有何区别？ 具体display属性值有如下：...
CSS定位有四种模式：static、relative、absolute、fixed，其它static是默认值，下面分别讲解下各自的特点； static：静态定位，处于动态布局流中，按照页面中的各元素先后顺序、父子关系自动排列与布局，每个静态定位元素均占用动态布局的一块空间； relative：相对定位，处于动态布局流中，如果设置了偏移量（LEFT或TOP的值），则会有相应的位置调整，位置调整的标准是基于上一个处于动态布局流中的元素（即：设为static及re...
本文摘自：http://blog.csdn.net/freshlover/article/details/7610269 text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色} box-shadow属性的参数设置取值：...
HTML中决定元素叠加顺序的CSS属性最有名的应该是z-index了。但是，往往在项目中发现有些情况和我们的预期不太一致。经过研究和学习，总算搞清楚了其中的关系。简单总结如下： 只有Positioned（Position不为static的元素）元素的z-index属性才有效 z-index可以是负数 没有z-index或z-index无效的元素（参见第一条）相当于z-index为0； 符合某些条件的元素，浏览器会为它们创建一个叫stacking context的东东。根据DOM树结...
什么是HTML? 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 -----源于百度百科 也就是说，前台的界面，包...