`
myhongkongzhen
  • 浏览: 96651 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

CSS+DIV学习笔记——20090611

阅读更多

 

1、编辑器:

 

 苹果机:BBEDIT

 

 win:普通文本编辑器即可

 

2、HTML 树形结构

 

3、标记选择器 如:<h1>

 

类别选择器 .class形式 

 

ID选择器  #id的形式

 

注意:ID标记和类别标记的区别是ID不可以复用,因为ID也是js的代码,是唯一的

 

4、多个标签同一种样式的表现形式为:用逗号分开,如:p,b,br,{...}

 

嵌套标签,如果子标签不继承父标签的样式,单独定义的形式为:用空格分开, 如:p b{...}

 

5、样式选择:

 

如: h2{ font-family:黑体,宋体;}

 

表示:如果系统中有黑体,则采用黑体字体,如果没有则采用宋体字体

 

6、颜色的表示方法:color :rgb(0%,0%,80%);(刚刚看到的一种与常用的#jjjjj不同的表示方法)

 

 

 

 

1
0
分享到:
评论

相关推荐

    飞机大战游戏(html+css3+js)

    《飞机大战游戏——HTML5、CSS3与JavaScript的实战应用》 在当今互联网技术日新月异的时代,前端开发已经成为了一门重要的技能。本项目“飞机大战游戏”就是一款运用HTML5、CSS3和JavaScript技术编写的轻量级游戏,...

    HTML5学习笔记(总结提炼版)——002 CSS

    【CSS简介】 CSS,全称为层叠样式表(Cascading Style Sheets),是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的Web标准。...持续学习和实践CSS,将使你能够创建出更具吸引力和功能性的网站。

    AngularJS学习笔记——与用户交互的动态清单列表

    3. **条件样式**:AngularJS的`ng-class`指令允许我们根据表达式的值动态地添加或删除CSS类。这里我们可以根据待办事项的个数改变标签的颜色。例如: ```html &lt;div ng-class="{green: remainingTasks , yellow: ...

    extjsExtjs学习笔记——多个图片XTemplate排版居中,自动缩放处理

    在ExtJS中,可以使用`img`元素的`width`和`height`属性结合百分比值,或者使用CSS的`max-width`和`max-height`属性来实现图片的自适应缩放。当图片尺寸超过容器大小时,这些属性可以限制图片的最大尺寸,从而保持...

    韩顺平 DIV+CSS 超级详细笔记

    ### 韩顺平 DIV+CSS 超级详细笔记 #### 一、初识CSS **HTML文档结构** 在了解CSS之前,我们先要熟悉HTML文档的基本结构。一个典型的HTML文档由`&lt;!DOCTYPE html&gt;`(文档类型声明)、`&lt;html&gt;`标签、`&lt;head&gt;`部分和`...

    学习标准——笔记

    ### 学习标准——笔记 #### 一、CSS布局技巧与注意事项 1. **对象具有浮动属性时的宽度处理:** - 当一个HTML元素(如`&lt;div&gt;`)设置了`float`属性后,该元素将脱离文档流,并且不再占据原来的位置空间。因此,在...

    jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)

    本篇学习笔记将详细介绍如何使用jqGrid实现分页和搜索功能。 首先,要使用jqGrid,你需要在HTML页面中引入必要的CSS和JavaScript文件。这些文件包括jqGrid的样式表`ui.jqgrid.css`,jQuery库`jquery-2.0.3.min.js`...

    js+css3网页右侧边收缩展开导航菜单代码.zip

    这份代码资源——"js+css3网页右侧边收缩展开导航菜单代码.zip",提供了完整的实现方案,包括HTML结构、CSS样式和jQuery脚本,对于学习和实践此类效果的开发者来说,无疑是一份宝贵的参考资料。 首先,我们需要理解...

    java学习笔记

    ### Java学习笔记知识点详解 #### Java 平台与开发概述 - **Java平台分类:** - **J2SE(Java SE):** 标准版,适用于桌面应用程序开发。 - **J2EE(Java EE):** 企业版,专为Web应用和服务端应用程序设计。 -...

    jqGrid 学习笔记整理——进阶篇(一 )

    为了添加浏览导航栏,我们创建了一个`#grid-pager`的div元素。jqGrid会自动识别这个元素并生成相应的分页控制。在创建jqGrid时,通过`pager`参数将其关联到`#grid-pager`,即`pager: "#grid-pager"`。 在实际应用中...

    jquery+css33时钟效果.zip

    对于前端开发者来说,这是一个学习和实践CSS3动画以及jQuery交互的好例子。同时,它也鼓励开发者根据自己的需求进行二次修改,以适应不同的设计风格和功能需求。无论是初学者还是经验丰富的开发者,都能从中获得宝贵...

    web开发技术——课程笔记.rar

    本课程笔记将深入探讨这些关键领域的核心概念和实践技巧。 1. HTML (HyperText Markup Language): HTML是构成网页的基本元素,它定义了网页的结构。学习HTML时,我们需要掌握各种标签,如`&lt;head&gt;`用于头部信息,`...

    Jquery学习笔记-2009Juery年度插件之galleria

    **jQuery学习笔记——2009年jQuery年度插件之Galleria** Galleria是一款功能强大的JavaScript图像画廊插件,它在2009年因其出色的设计和丰富的功能而备受关注。这款插件充分利用了jQuery库的强大性能,使得在网页上...

    jquery学习笔记--1

    **jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...

    jquery 学习笔记源码 1第一个jquery

    《jQuery学习笔记源码——初识与实践》 在当今的Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将基于“jQuery学习笔记源码 1第一个...

    jquery+css3左右滑块(背景也跟随切换).zip

    《jQuery + CSS3 左右滑块:背景切换与实现详解》 在现代网页设计中,动态效果的运用已经成为提升用户体验的重要手段。本教程将详细解析一个基于jQuery和CSS3的左右滑块特效,该特效不仅实现了内容的平滑切换,而且...

    JavaScript的MVVM库Vue.js入门学习笔记_.docx

    ### JavaScript的MVVM库Vue.js入门学习笔记 #### 一、Vue.js简介 Vue.js是一个用于构建用户界面的渐进式框架。它被设计为可以自底向上逐层应用,并且可以在现有项目中逐步地引入,而不是一次性地重写整个项目。Vue...

    js+css3点击按钮显示顶部横幅提示信息动画特效.zip

    总的来说,这个项目提供了一个实践案例,展示了如何利用HTML5、JavaScript和CSS3创建一个交互式的网页元素——点击按钮后显示具有动画效果的顶部横幅提示信息。这个过程涉及到网页的基本结构、用户交互处理以及视觉...

    CSS3紫色菱形图案背景特效.zip

    CSS3是层叠样式表(Cascading Style Sheets)的第三版,它引入了许多新的功能和特性,极大地扩展了网页设计的可能性,包括动画、过渡、伪类和伪元素,以及我们这里关注的——自定义背景图形。 在这个特效中,开发者...

Global site tag (gtag.js) - Google Analytics