随笔分类 -  CSS---前端学习ing

与诸君共勉！
CSS浏览器兼容性写法小结
摘要：* ， ie6,ie7可以识别； _和- ， ie6可以识别；<!--more--> !important ,表示高优先级，ie7及以上，firefox都支持，ie6认识带!important的样式属性，但不认识!important的优先级； -webkit- ，针对safari，chrome浏览器 阅读全文
posted @ 2016-09-17 14:12 Jener_Yan 阅读(23781) 评论(0) 推荐(0)
元素的定位问题
摘要：元素布局的要点 主要影响网页布局的是块元素； 块元素有两种主要的布局模式：流式布局与浮动布局； 流式布局比较简单，只需遵循两条规则，以是块元素分行显示，二是行内元素在同一行内显示，一行显示不下则折行。 对于浮动布局，情况就复杂得多，CSS盒子模型中定义了一个position属性用于指定元素的位置定位 阅读全文
posted @ 2016-08-22 13:40 Jener_Yan 阅读(611) 评论(0) 推荐(0)
CSS选择器小结
摘要：行内式：在HTML标签的style属性中编写CSS代码，直接作用于“当前”的HTML元素。 <pstyle="color:#f0f;font-weight:bold;font-size:12px;"></p> <!--more--> 嵌入式：在<head></head>中编写CSS代码，使用选择器决 阅读全文
posted @ 2016-08-20 14:30 Jener_Yan 阅读(1780) 评论(0) 推荐(0)
css样式表和选择器的优先级以及position元素属性值的区别
摘要：css样式表优先级 问题：当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？ 答：一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权。 1.浏览器缺省设置； 2.外部样式表（使用<link>引用的） 3.内部样式表（位于<head>标签内部） 4.内 阅读全文
posted @ 2016-07-28 20:53 Jener_Yan 阅读(385) 评论(0) 推荐(0)
css3中的zoom元素属性值测试
摘要：在样式表里头看到zoom:1的设置，很是好奇就去找了一些资料发现关于这个的讲述还是比较少。 理论知识 语法： zoom：normal | <number> | <percentage> 默认值：normal 适用于：所有元素 继承性：有 动画性：是 计算值：绝对长度 取值： normal：使用对象的 阅读全文
posted @ 2016-07-28 17:07 Jener_Yan 阅读(626) 评论(0) 推荐(0)
'display' VS 'visibility'
摘要：常用的display属性值： none此元素不会被显示并且不占用空间； block此元素显示为块级元素，此元素前后会带有换行符； inline默认，此元素会被显示为内联元素，元素前后没有换行符； inline-block行内块元素，前后无换行符； inherit规定应该从父类元素继承display属 阅读全文
posted @ 2016-07-27 19:40 Jener_Yan 阅读(314) 评论(0) 推荐(0)