`
fuhao_987
  • 浏览: 63656 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

前端知识天天学(1)

阅读更多
(1)块元素的居中方式:margin:0 auto
(2)IE8用IE7方式渲染:
<head><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /></head>

(3)a元素的几种方式 a,a:visited,a:hover,a:link,a:active
':link':适用于未被用户访问过的链接。
':visited':适用于已被用户访问过的链接。
':hover':在可视化客户端上,适用于光标(鼠标指针)指向一个元素,但还未激活它时。
':active':适用于一个元素被用户激活时。
按照L-V-H-A的顺序声明,具体解释见http://www.caodong.net/Article/889.html
(4)绝对定位:父元素与子元素的position子元素的left与top
<div class="parent">
     <div class="child"></div>
</div>

<style>
.parent{position:relative}
.child{position:absolute;left:*px;top:*px;}
</style>
(5)overflow:hidden/*溢出就隐藏*/
(6)图片:最好用png格式,文件比gif小,支持alpha通道,可以实现半透明,但是不支持动画;gif可以动画,不过透明不行
(7)css中选择器的优先级:
     分为4组,a b c d,优先级a>b>c>d,优先级相同的后出现的优先级高
a:如果样式是在 HTML 代码中以 'style=...' 的内联样式的方式设置的,则将 a 组记为
   1,b c d 三组均记为 0,否则 a 组为 0。
b:将选择器中 ID 属性的数量总合计入 b 组。
c:将选择器中其他属性及伪类的数量总合计入 c 组。
d:将选择器中元素名及伪元素的数量总合计入 d 组。

*             {}  /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
li            {}  /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
li:first-line {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul li         {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul ol+li      {}  /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
h1 *[id=ok]   {}  /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
ul ol li.red  {}  /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
li.red.level  {}  /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
#xyz          {}  /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
style="..."       /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */

以上各组选择器,最后一行的内联样式优先级最高,倒数第二行有 ID 选择符的次之,往上的每一行依次减弱,最顶部的通配符优先级最弱。http://www.caodong.net/Article/889.html
------------------------------------------------------------------
html中要养成良好的注释习惯
<div class="content">
<!--content {{-->
   code
<!--content }}-->
</div>

-----------------------------------------------------------------
css sprite:
把几张图放在一整张图上,通过定位显示出相应的图
/*其中的width和height都是每个小图的大小,background为整个大图*/
.x1,.x2,.x3{width:*px;height:*px;background:url('') no-repeat}
.x1{background-position:left top}
分享到:
评论

相关推荐

    QMS知识天天学

    QMS知识天天学是关于质量管理体系建设和持续改进的专业知识学习。内容涵盖ISO9000:2000质量管理体系标准,这是一系列国际标准,用于指导组织建立、实施和改进其质量管理体系。QMS,即质量管理体系,是组织管理质量...

    二级文法天天学(1-48)全.chm

    涵盖日语二级语法190个知识点,每个都有例句,可以很快掌握二级语法的知识点。

    日语资料:二级日语天天学

    将所学知识应用到日常对话和阅读中,不断通过听力和口语训练来提高语言的实际运用能力,这是提高日语水平的不二法门。 总的来说,《二级日语天天学》是一套全面且实用的日语学习资料,它涵盖了从词汇、汉字到练习的...

    日语二级汉字天天学

    准备考2级的朋友们!

    敏捷软件开发.pdf

    敏捷软件开发.pdf

    Java中的无限层级递归树前后端操作解决方案.docx

    Service 逻辑代码等方面的知识点。 一、前端 Vue 无限层级树实现技术大纲 在开始之前,让我们先了解技术大纲图,了解这里面涉及到的技术与流程。只有这样,我们才能更好地理解整体解决方案的实现思路。 二、Java ...

    李阳疯狂英语全套整理打包

    1. **三最口腔肌肉训练法**:这是李阳疯狂英语的核心教学方法,要求学习者用最大声、最清晰、最快速的方式读英语,以锻炼口腔肌肉,提高发音准确性和流利度。 2. **一口气训练法**:该方法鼓励学习者在一口气内尽...

    日语2级190个语法

    1. 体言の|たあげく(に):表达一种不理想的结果,意为“经过...最后”,常用于描述不好的结局。 例句:さまざまな試みのあげく、プロジェクトは失敗してしまった。(经过多种尝试,项目最终失败了。) 2. 体言の...

    三个一分钟晨学机制汇总.docx

    - **目标**:通过“时政要闻天天讲、法规条文天天读、安全知识天天学”的模式,促进学习型企业建设,提高员工的政治素养、法律意识和安全观念。 #### 二、核心内容与实践 1. **确定学习内容**: - **依据**:根据...

    五笔打字教程

    五笔打字教程天天学五笔,天天用五笔,才是学以致用

    智慧校园总体建设方案.pptx

    “天天学”智慧校园解决方案充分利用现代信息技术手段,针对当前教育领域面临的挑战提供了全面、系统的解决方案。不仅提升了校园管理和服务水平,还促进了教育资源的有效整合与共享,实现了教育信息化的深度融合发展...

    中心小学XX年上半年教育科研工作总结.doc

    这份总结强调了以下几个关键知识点: 1. **科研兴课策略**:学校将教育科研作为提升课堂教学效率和教师专业发展的核心,旨在通过科研活动解决教育问题,探索教学的科学规律。 2. **教学模式创新**:学校积极探索...

    【精品】联想智慧校园解决方案86页.pptx

    【天天学 - 智慧校园方案概况】中,天天学产品是联想智慧校园的核心,它涵盖了家校沟通、办公、教务、学习等多个功能板块。产品定位在于为校长提供实时管理数据,帮助学生全面发展,减轻教师的工作压力。其优势在于...

    BASIC语言编译器 qb 高一数学

    学了半学期可能也不知道在学的是什么,其实BASIC是一门计算机语言,只是现在几乎没人用了,只是由于其简单,所以收入到了高中课本里,我就是搞计算机的,要学一门语言最好的方法是不断的编程,而不是天天学语法,在...

    日语 二级 词汇和文法

    首先,"二级文法天天学(1-48)全.chm" 这个文件很可能包含了一个完整的日语二级文法学习教程,涵盖了从基础到进阶的48个主题。每个主题通常会详细解释一个或多个文法规则,包括接续方式、意义、用法及例句。通过每天...

    SilkTest循序渐进1-调用DLL函数

    SilkTest循序渐进1-调用DLL函数 软件测试 昨天一位朋友希望我能讲讲如何在silktest中调用dll导出的函数,说实话,我也没有实际操作过,不过还是答应在有空时能够给她一个简单的例子。今天晚上捣腾了半天终于调通了...

    金山词霸2016 v1102

    迷你首页 -- 英文资料天天学与原内嵌于客户端的网页相比,迷你首页页面容量大幅增加;资料型内容与查询相关分离,极大优化词霸软件性能,提升软件启动速度;定时推送与用户主动浏览相结合,迎合用户使用习惯,方便...

    单词记忆网页版软件看看吧

    有关计算机英语的测试测一测增加英语水平学好英语就是学好计算机

    MyApp:随便写的各种,点链接可以进入我的知乎

    比如,天天学英语,却从不写英语文章;再比如,天天花大量时间刷知乎,却从不写答案、写总结。start写代码来提升自己的工作效率,来用机器代替重复工作,编程,一点都不难。我自己的python练习册,python尊好玩o(^▽...

    GJB 0.1-2001 军用标准文件编制工作导则 第1部分:军用标准和指导性技术文件编写规定

    军用标准文件编制工作导则 第1部分:军用标准和指导性技术文件编写规定

Global site tag (gtag.js) - Google Analytics