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

JavaScript css的使用总结

阅读更多
<html>
<header>
<style type="text/css">
font{ bold italic 24pt helvetica; }
/*等价于 */
font{ font-weight:bold; font-style:italic; font-size:24pt;font-family: helyetica;}
/*以上定义对于该页面中的所有font起作用*/

h1,h2{text-align:center;}
/*以上定义对于该页面中的所有h1 和 h2起作用*/

p{font-color:red;}
p.pcss{font-weight:bold;} 
/*表示对与class=pcss的元素除了上面的p定义的红色外,还要粗体*/
/*【记住层叠式样表就是把所有的式样叠放起来】*/

#div1{font-color:black;}
/*仅仅对界面id=div1的元素起作用*/

ul li {font-color:orange;}
/*表示对ul里嵌套的li元素起作用, 注意,这里没有逗号,有逗号就表示对 ul和li都起作用*/

.WARNING{font-color:red;}
.WARNING h1,.WARNING h2{font-weight:blod;}
/*表示对class=WARNING元素包含的h1 h2元素起作用,注意,这里是逗号隔开*/
</style>
</header>
<body>
<font>字体</font>
<h1>文本1</h1>
<h2>文本2</h2>
<p style="margin-left lin;margin-right:lin;">文本段</p>
<p class="pcss">文本段特殊</p>
<div id="div1"> div例子</div>

<ul>
  <li/>
  <li/>
</ul>

<div class='WARNING'>
 <h1/>
 <h2/>
</div>
</body>
</html>
分享到:
评论

相关推荐

    HTML+CSS+javascript总结

    HTML+CSS+javascript总结,仅供学习参考!

    html,css,javascript个人自我介绍总结网页.zip

    html,css,javascript个人自我介绍总结网页.zip

    HTML+CSS总结.doc

    HTML+CSS总结.doc

    html+css+javascript知识点总结.docx

    html+css+javascript知识点总结.docx

    web 笔记,包含JavaScript、CSS、HTML 等;各种前端开发的小技巧及总结.zip

    web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含JavaScript、CSS、HTML 等;各种前端开发的小技巧及总结. web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含JavaScript、CSS、HTML 等;各种...

    JavaScript css浏览器的调试

    1.1.3总结 4 1.2.IE8浏览器对JS的调试方法 4 1.2.1.准备工作 4 1.2.2调试脚本步骤 5 1.2.3总结 8 2对火狐进行调试 8 2.1安装Firebug 8 2.2、打开和关闭Firebug 9 2.3、查看、编辑HTML元素及其CSS 11 2.4、查看动态...

    HTML、CSS、JavaScript.pdf

    对HTML、CSS、JavaScript的一个知识思维导图,对web前端知识的一个简要概括和学习总结,绘制的一个xmind的思维导图。

    Web前端HTML+CSS+JavaScript基础知识总结.xmind

    本思维导图涵盖HTML、CSS所需掌握的主要应用知识,及JavaScript基础语法,是本人2020年暑假学习笔记,总计35618字。体系清晰,逻辑分明,适合已学习人群对基础知识的复习,初学者也可以以此为基础进行自己的知识体系...

    javascript访问外部css文件

    javascript访问外部css文件的所有方法总结,希望对大家有所帮助

    CSS样式-JavaScript笔记.pdf

    1. 能够使用CSS的基本选择器选择元素 2. 能够使用CSS的扩展选择器选择元素 3. 能够说出盒子模型的属性 4. 能够说出JS中五种数据类型 5. 能够使用JS中常用的运算符 6. 能够使用JS中的流程控制语句 7. 能够在JS中定义...

    JavaScript学习总结

    无论是在制作动态网页还是做后台系统,都需要有些比较炫的效果,这些JavaScript的学习资料里面还包括和CSS的完美结合使用,对您会很有帮助哦!

    实用HTML,CSS和JavaScript速查表20文件全套下载!

    Vikas曾发表过一篇博文《Most Useful Cheat Sheet For HTML, CSS and Javascript》,为我们总结了一些实用的HTML,CSS和JavaScript速查表,并把链接附上了。外刊IT评论对本文进行了翻译,现转载于此,供大家学习。...

    实用HTML,CSS和JavaScript速查表

    Vikas曾发表过一篇博文《Most Useful Cheat Sheet For HTML, CSS and Javascript》,为我们总结了一些实用的HTML,CSS和JavaScript速查表,并把链接附上了。外刊IT评论对本文进行了翻译,现转载于此,供大家学习。...

    html+css+js面试总结

    前端基础知识面试必备,面试中基本上所有的基础知识都涵盖在内。

    html+css+javascript实用教程

    html+css+javascript教程,完美的ppt教程,以及开发中总结的常用javascript代码

    期末前端web大作业——HTML+CSS+JavaScript仿京东购物商城网页制作(7md

    HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...

    css 基础知识总结以及demo

    引用后CSS文件仍然是独立的,不会受到包括HTML和JavaScript任何方法和函数的影响,如果CSS文件中涉及到文件路径的相对位置,那么也是以CSS文件所在的文件路径位置为准,而非引用它的HTML文件的文件路径位置。...

Global site tag (gtag.js) - Google Analytics