`
houwen
  • 浏览: 25573 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS 学习记录

    博客分类:
  • CSS
阅读更多

关于 CSS 类型选择符(Type Selectors),从一本手册中摘录下来。
常用的五种类型选择符。

1,语法:E1
说明:以文档语言对象类型作为选择符。
示例:
td { font-size:14px; width:120px; }
a { text-decoration:none; }

2,语法:E1 E2
说明:选择所有被E1包含的E2。即E1.contains(E2)==true。
示例:
table td { font-size:14px; }

div.sub a { font-size:14px; }

3,语法: #sID 
说明: 以文档目录树(DOM)中作为对象的唯一标识符的ID作为选择符。
示例:  
#note { font-size:14px; width:120px;}

4,语法: E1.className

说明: 在HTML中可以使用此种选择符。其效果等同于E1[class~=className]。请参阅属性选择符( Attribute Selectors)。
在IE5+,可以为对象的class属性(特性)指定多于一个值(className),其方法是指定用空格隔开的一组样式表的类名。

示例: 
div.note { font-size:14px; }
/* 所有class属性值等于(包含)"note"的div对象字体尺寸为14px */ 
.dream { font-size:14px; }
/* 所有class属性值等于(包含)"note"的对象字体尺寸为14px */

5,语法:E1,E2,E3
说明:将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。
示例: .td1,div a,body { font-size:14px; }


分享到:
评论

相关推荐

    CSS学习笔记CSS学习笔记

    CSS学习笔记CSS学习笔记CSS学习笔记CSS学习笔记

    HTML+CSS学习笔记.zip

    HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...

    html css 学习记录.zip

    html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css ...

    html和css学习笔记

    ### HTML与CSS学习笔记 #### 一、基础知识概述 HTML(HyperText Markup Language)与CSS(Cascading Style Sheets)是构建网页的基础技术。通过学习HTML与CSS,我们可以创建结构化且美观的网页。 - **WWW (World ...

    html+css学习记录.zip

    html+css学习记录html+css学习记录html+css学习记录html+css学习记录 html+css学习记录html+css学习记录html+css学习记录html+css学习记录 html+css学习记录html+css学习记录html+css学习记录html+css学习记录 ...

    HeadFirst HTML&CSS学习笔记.zip

    CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...

    Head First HTML&CSS 学习笔记.zip

    CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS ...

    以前的HTML+CSS学习记录.zip

    以前的HTML+CSS学习记录以前的HTML+CSS学习记录以前的HTML+CSS学习记录 以前的HTML+CSS学习记录以前的HTML+CSS学习记录以前的HTML+CSS学习记录 以前的HTML+CSS学习记录以前的HTML+CSS学习记录以前的HTML+CSS学习记录...

    个人css学习笔记 精华版

    个人css学习笔记 精华版 CSS学习笔记中涵盖了CSS的基本概念、分类、基本语法、常用属性等知识点。下面将对这些知识点进行详细的解释和总结。 什么是CSS? CSS(Cascading Style Sheet)是一种样式表语言,用于...

    html + css 学习笔记整理.zip

    本资源为【html + css 学习笔记整理.zip】,是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点,包括HTML的基本结构、常用标签及其属性,以及CSS的核心概念如选择器、盒模型、...

    Metro UI CSS学习笔记Demo

    【标题】"Metro UI CSS学习笔记Demo"是一个关于利用Metro UI CSS框架进行Web设计和开发的实践案例集合。这个框架灵感来源于Windows 8的Modern UI风格,为网页设计师提供了构建现代、简洁且互动性强的界面的可能性。...

    很好的css学习笔记,pdf格式(64页)

    ### CSS+DIV 学习笔记知识点总结 #### 一、CSS 概述 - **CSS 定义**:层叠样式表(Cascading Style Sheets, CSS)是一种用于定义网页表现形式的语言,它使得开发者能够独立地管理和控制文档的内容与样式。 - **CSS...

    我的HTML+Css学习笔记

    这份“我的HTML+Css学习笔记”无疑是对于初学者来说极好的资源,它涵盖了从基础到进阶的重要概念。 HTML是网页内容的结构语言,通过一系列标签来定义网页的各个部分,如`<head>`、`<body>`、`<h1>`至`<h6>`的标题、...

    css学习笔记

    在CSS学习中,基础是非常关键的。以下是一些关于CSS简写、缩写和命名规范的重要知识点: 1. **简写和缩写**: - **颜色**:16进制颜色值可以进行缩写,例如`#ffffff`缩写为`#fff`,`#33dd66`缩写为`#3d6`。 - **...

    级联样式表CSS学习笔记

    ### 级联样式表CSS学习笔记 #### 一、设置CSS的几种方式 在网页设计与开发过程中,级联样式表(Cascading Style Sheets,简称CSS)是一种用来描述HTML文档外观和格式的语言。CSS提供了多种应用方式,以便开发者...

Global site tag (gtag.js) - Google Analytics