css布局的核心是position属性，position：static || relative || absolute || fixed static是默认的属性 相对定位： 相对定位相对的是它原来在文档中的位置（或者默认位置）。接下来，可以使用top、right、bottom、left属性来改变它的位置。 绝对定位三特性： 1.设置成绝对定位后默认的宽度变成内容宽度 2.设置成绝对定位的部分脱离文档流 3.绝对定位的默认参照物为第一定位祖先/根元素 固定定位： 固定定位...
主要参考 pdf 找到对应的文件吧，具体怎么制作一个挂件 还没有理解里面的思路，就没有研究了，改一个商城项目遇到了，也只有慢慢解决 加油！ 云盘永久有效链接：http://pan.baidu.com/s/1kTtdNBx 密码：lt5q
前言 看了好多篇帖子，发现没有一个能够直接让新手很快上手使用的居中布局。所以在此进行一番总结，也算是我对居中布局的一点点积累沉淀，同时也方便初学者们拿来即用。 一、元素分类 1.行内元素 行内元素，也就是内联元素，可以在一行内显示多个。注：元素的高度、宽度、顶部底部边距均不可设置，元素的高度和宽度就是它包含的文字或图片的高度和宽度。 行内元素有这些： 、、、、、、、、、、 当然有些时候...
颜色: CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值; hsl(): hsl函数:h(色调),s(饱和度),l(亮度); 色调:为0-360之间的数值[经实验,可以为小数]; 饱和度与亮度:均为百分比; 下图截自http://www.w3.org/wiki/CSS/Properties/color/HSL 当亮度为100%时为白色,当亮度为0%为黑色; 饱和度100%以及亮度50%时生成的颜色均为web安全色 rgb(): rgb函数:r(red),g(green),b(blue)[计算机三原色]; 值...
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属性值有如下：...