`
午刀十
  • 浏览: 34810 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

CSS实战手册笔记

阅读更多
      1、浏览器有高速缓存,因此外部样式表要清除缓存后才能生效(IE下用CTRL+F5强制刷新可得到清缓存效果)。
      2、引入外部样式表: <link rel="stylesheet" type="text/css" href="css/global.css">。
      3、子选择器:body>h2(代表body下的h2元素);同胞选择器:h2+p。
      4、ID选择器高于类选择器的优先权。
      5、属性选择器:a[href^="http://"]。^以......开始,$(结尾),*(包含)。
      6、继承:设置body的color为红色,则其下的P等标签的颜色则同样为红色,但如果P本身有颜色属性,则以自己的为主。一般来说,影响网页元素位置的属性,或者页边距,背景颜色和元素的边框线等,都不会被继承。
      7、样式的权重:标签选择器1分,类选择器10分,ID选择器100分,内建样式1000分。
      8、font-family:"Times New Roman",Times,Serif;设置字体,如果字体有多个单词用双引号扣起来,逗号隔开表示如果没第一个字体则用下一个。
      9、行内标签(inline)无法设置高度,除非设置display:block。
      10、border : 4px solid #F00 (color,width,style顺序可变)。
      11、float:left 让元素滑倒左边,同时让下方的内容包围元素的右边。
      12、background和border不能float,需添加overflow:hidden。
      13、clear:left 样式将落至左浮动元素的下方,但仍将环绕右浮动的元素。
分享到:
评论

相关推荐

    韩顺平 HTML网页 笔记

    韩顺平的这些笔记对于初学者来说是一套完整的自学资源,通过系统学习,可以有效地理解和掌握HTML网页设计的基本原理和实战技巧,为网页开发打下坚实基础。同时,这些笔记也适合有一定基础的学习者巩固知识,提升技能...

    CSS完全解读全攻略

    总的来说,这个资源包为学习和提升CSS技能提供了丰富的材料,不仅包括了基础理论,还有实战案例和参考手册,无论是初学者还是经验丰富的开发者,都能从中受益。通过系统学习这些资料,读者可以深入理解CSS的工作原理...

    CSS样式表帮主文件

    而“CSS帮主文档”和“帮主手写CSS查新代码”则可能意味着这是一份由经验丰富的CSS专家编写的个人笔记或者实战代码库,其中包含了一些独特的见解和创新的解决方案。 标签“CSS样式”和“帮主”进一步确认了这个资源...

    实战突击:PHP项目开发案例整合 源码手册

    5. 总结案例的关键技术和经验,进行归纳和笔记。 通过这样的学习方式,初学者可以避免纸上谈兵,真正将理论知识转化为实践技能。同时,不断地练习和实践也有助于形成良好的编程习惯和思维方式,为将来参与更复杂的...

    黑马乐优商城19天全套视频加配套笔记

    【标题】"黑马乐优商城19天全套视频加配套笔记"揭示了这是一套针对乐优商城项目的全面教学资源,由知名IT教育机构黑马程序员提供,并且是2018年的最新版本。课程可能涵盖了从项目启动到完成的全过程,总计19天的学习...

    前端开发书籍推荐与学习路线.docx

    * 学习方法:边实战边记笔记,不要光看,要有方法的快速阅读 三、JavaScript 进阶 * 推荐书籍:《你不知道的 JavaScript》 * 学习方法:边实战边记笔记,了解最新的 ES6 四、数据结构和算法基础 * 推荐书籍:...

    手册:学习过程中整理的分类笔记http://blog.poetries.tophandbook

    标题中的“手册:学习过程中整理的分类笔记”表明这是一份综合性的学习资源,可能包含了作者在学习IT知识,特别是前端和后端开发时积累的笔记。这些笔记可能按照主题或者技术领域进行了分类,便于读者系统性地学习和...

    CZFNotes:个人编程笔记

    《CZFNotes:个人编程笔记》是一份宝贵的资源,它汇集了作者在编程领域的学习心得与实战经验。这个笔记集合不仅是作者个人智慧的结晶,也是其他人汲取编程知识、激发创新灵感的重要源泉。以下是对这份笔记内容的详细...

    Extjs参考文档

    《EXT学习笔记.doc》可能是个人或团队在学习EXTJS过程中整理的笔记,包含了他们的实践经验、技巧和问题解决方案,对于学习EXTJS非常有帮助。 《EXT核心API详解.pdf》是对EXTJS核心API的深入解析,适合想要深入研究...

    sx1278全套资料

    在"sx1278全套资料"这个压缩包中,你可能会找到关于这款芯片的详细信息,包括数据手册、应用笔记、电路设计示例、驱动程序代码和用户指南等。 1. **SX1278芯片介绍**: SX1278是Semtech公司开发的LoRa调制解调器,...

    高级java笔试题-xmind:心智

    CSS高效开发实战 CSS 3 LESS SASS Bootstrap Foundation.xmind DBA修炼之道:数据库管理员的第一本书(原书第2版).xmind JavaScript高级程序设计(第3版).xmind Java常用算法手册(含盘).xmind Java并发编程实战 ...

    [JavaScript最全的电子文档]

    JavaScript.zip:这个ZIP文件可能是另一个完整的JavaScript学习资源包,可能包含了代码示例、练习项目、视频教程、笔记或其他辅助学习材料。这将帮助开发者全面提高技能,从基础的DOM操作到复杂的框架应用,例如...

    Java开发必备帮助文档

    4. w3school学习笔记:整理了从基础到进阶的Web技术知识点,可能包括代码示例和实战练习。 5. 实战项目案例:展示了如何将Java、SSH框架和Apache应用到实际项目中,有助于理解和掌握理论知识的实际应用。 这些文档...

    达内NETCTOSS电信计费系统项目

    【达内NETCTOSS电信计费系统项目】是一个基于Java技术栈的高端教育培训机构——达内科技推出的实战项目。这个项目旨在帮助学员深入理解并掌握电信行业的计费系统开发,提升其在.NET平台上的软件设计与开发能力。随着...

    基于ASP.net的汽车维修开单系统源码.zip

    6. 可能还包括文档,如用户手册、设计文档或者开发笔记,帮助理解系统的功能和实现细节。 【知识点详解】 1. ASP.NET基础:ASP.NET提供了多种编程模型,如Web Forms、MVC和Web API,用于构建Web应用。了解这些模型...

    课设毕设基于SSM的商店积分管理系统LW+源码可运行.zip

    4. **文档**:可能包含用户手册、开发者指南、测试报告等,用于指导如何使用和测试系统,也可能包括项目开发过程中的笔记和问题记录。 通过这个项目,学生可以学习到如何使用SSM框架进行实际项目开发,包括但不限于...

    前端知识图谱+B站资源整合 V1.0版本

    视频教程覆盖了从基础知识到实战技巧的各种主题,使得学习更加生动且互动。 总的来说,"前端知识图谱+B站资源整合 V1.0版本"是一个全面且实用的学习资源库,不仅提供了前端开发的系统学习路径,还利用了多媒体资源...

    思库教育PHP零基础培训+进阶课程+PHP项目开发实战 21G PHP零基础学习视频教程.txt

    │ ├4如何使用手册与表单张3作业.lxe │ ├5div布局小案例(民生银行)上.lxe │ ├6div布局小案例(民生银行)下.lxe │ ├7 CSS .lxe │ ├8经常犯的错误大整理.lxe │ ├9 ul+ul去点+外边距+浮动.lxe │ ├&lt;...

    jsp101投资理财管理系统.zip

    【jsp101投资理财管理系统】是一个基于Java技术并结合MySQL数据库开发的源码项目,...通过研究这个项目,你不仅可以提升Java Web开发技能,还能对投资理财管理系统的运作有一个直观的认识,为今后的实战项目积累经验。

    wd4e:包含来自UMich的Web Development for Everyone课程的工作程序和项目

    6. 解释性文档:课程笔记、参考手册或者外部资源链接,帮助学生理解和应用所学知识。 7. 示例代码:提供示例HTML文件,供学生参考和学习。 8. 评估标准和解答:可能包括项目的评分标准和解决方案,以便学生自我检查...

Global site tag (gtag.js) - Google Analytics