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

JavaScript css的使用总结

cssjavascript 
阅读更多 
<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>
分享到：
| jQuery的选择符-常用的
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Learning PHP MySQL Javascript CSS and HTML5

    本书中将介绍CSS的核心概念和基础知识，例如选择器的使用、盒模型、布局技术以及如何使用CSS3增强网页的视觉效果。 ### HTML5 HTML5是最新版本的超文本标记语言，它为构建现代Web应用提供了标准化的标签和API。...

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

    这份压缩包文件"html,css,javascript个人自我介绍总结网页.zip"显然包含了一个使用这三种技术实现的个人自我介绍网页项目。接下来，我们将深入探讨这三个关键技术及其在网页设计中的应用。 **HTML（HyperText ...

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

    - 注释在JavaScript中也非常重要，单行注释使用`//`，多行注释使用`/* ... */`。 4. HTML标签深入： - `&lt;p&gt;`用于创建段落，`&lt;hx&gt;`（h1-h6）用于定义不同级别的标题。 - `&lt;em&gt;`用于强调文本，通常呈现为斜体，`...

    JavaScript 操作CSS类

    JavaScript是Web开发中不可或缺的一部分，尤其在操作...总结来说，JavaScript提供了一套强大且灵活的工具来操作CSS类，使得网页的动态效果和用户交互变得更加丰富。熟练掌握这些方法，能极大地提升你的前端开发能力。

    JavaScript动态生成css

    使用CSS变量，我们可以用JavaScript动态地改变全局样式。首先在CSS中定义变量： ```css :root { --primary-color: blue; } ``` 然后在JavaScript中修改这些变量： ```javascript document.documentElement.style...

    html5+javascript+css商城（模拟联想）购物系统

    总结，本项目“HTML5+JavaScript+CSS 商城（模拟联想）购物系统”充分展示了这三大技术在实际开发中的应用，为开发者提供了一个学习和实践的优秀案例。通过这个系统，我们可以深入了解如何利用这些技术构建一个功能...

    JavaScript CSS DHTML学习资料

    "DHTML手册.chm"文件可能包含关于如何使用JavaScript和CSS创建DHTML效果的具体教程和示例。内容可能涵盖如何操作DOM元素，动态改变样式，以及创建交互式表单和导航菜单等技巧。 总结： 这三门技术相互配合，构成了...

    个人博客html+css+JavaScript完整代码

    总结，构建一个个人博客需要掌握HTML、CSS和JavaScript的基本知识，结合这些技术，可以创建一个功能齐全、视觉美观且交互性强的在线平台。通过不断学习和实践，可以进一步提升博客的功能和用户体验。

    Javascript、CSS压缩

    总结来说，"Javascript、CSS压缩"是提高网站性能的重要手段，通过使用像AjaxMin这样的工具，开发者能够有效地压缩和优化JavaScript与CSS文件，降低页面加载时间，提升用户体验。而"JS、CSS压缩.exe"这样的本地工具则...

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

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

    JavaScript CSS Style属性对照表

    ### JavaScript CSS Style属性对照表详解 #### 一、引言 在前端开发中，通过JavaScript动态地更改HTML元素的CSS属性是一种常见的需求。这不仅能够提高网页的交互性，还能帮助开发者实现更加复杂的视觉效果。本文将...

    表格编辑css美化及javascript

    总结来说，"表格编辑css美化及javascript"涵盖了HTML5的结构化表示，CSS的视觉设计，以及JavaScript的交互实现。这三个技术的结合使得我们可以创建出功能强大、用户体验优秀的后台管理系统中的表格组件。开发者需要...

    网页刷新技术 使用技术为JavaScript，c#，asp.net,html,css

    总结起来，网页刷新技术利用JavaScript的AJAX功能、C#和ASP.NET的服务器端事件处理以及HTML和CSS的结构和样式控制，实现了页面的高效局部更新。这种技术极大地提高了Web应用程序的响应速度和用户体验，特别是在实时...

    javascript+css 实现的web tab

    总结来说，这个“javascript+css实现的web tab”项目展示了如何结合CSS和JavaScript来创建一个实用且具有交互性的Tab组件。通过CSS的布局和样式设计，以及JavaScript的事件处理和状态管理，我们可以实现一个符合现代...

    JavaScript＋CSS菜单

    总结来说，"JavaScript + CSS 菜单"是一个结合了 CSS 的样式设计和 JavaScript 的交互功能的菜单系统，通过Cookie实现了菜单状态的持久化。开发者可以学习并应用这些技术来创建更富吸引力且用户体验良好的网页菜单。...

    div +css+javascript设计实例

    总结来说，这个设计实例集为开发者提供了一个学习和参考的平台，通过实际的项目案例，可以学习到如何运用`div`进行页面布局，如何利用`CSS`美化和优化界面，以及如何借助`JavaScript`增强网页的交互性和功能性。...

    Beginning HTML XHTML CSS and JavaScript[PDF]

    ### 关于《Beginning HTML, XHTML, CSS, and JavaScript》的知识点总结 #### 一、书籍基本信息 - **书名**：《Beginning HTML, XHTML, CSS, and JavaScript》 - **出版社**：Wiley Publishing, Inc. - **出版地点**...

Magicbox
Global site tag (gtag.js) - Google Analytics