选择器
1. 类型选择器
p {...}
a {...}
2. 后代选择器
li a {..} li 下的所有a
3. ID选择器 #
4. 类选择器 .
5. 子选择器: 只选择元素的直接后代
#nav > li
6. 相邻同胞选择器
h1+p
7. 属性选择器
<iinput title=99 >
input[title] {}
input[title]:hover {}
8. 属性值
a[rel="sss"]{...}
9. 伪类
a:link
a:visited
a:hover
input:focus
10.通用选择器
*{} 对页面上的所有元素起作用
CSS中的重要概念
浮动,定位,框模型
1. 标准的框模型
width: 指的是内容区域的宽度和高度
框总长度: width+padding+margin
2. IE/Win模型
width= 内容宽度+margin+padding
3. display:block 可以让行内元素表现的像块一样
display:none 框及内容都不显示,不占用文档的位置
4. CSS三种基本的定位机制
普通流 浮动 绝对定位
5. 相对定位, 普通流中的一种定位
相对原来的位置移动,原来的空间不放弃,会遮挡其它框
6. 决定定位, 与文档流无关,不占空间
绝对定位的元素位置相对于最近的已定位祖先元素,如果没有祖先元素,那么就是body
7. 固定定位
相对于视口, 浏览器
8. 浮动
分享到:
相关推荐
上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合
CSS核心基础--CSS基础选择器 CSS选择器 什么是CSS选择器? CSS基础选择器 01 CSS基础选择器 要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务的样式规则部分被称为选择器。 CSS...
DIV+CSS教程——第一天XHTML_CSS基础知识
书名:CSS基础教程 作者:(英)柯林森 著,刘志忠 等译 来源:人民邮电出版社 出版时间:2007年09月 ISBN:9787115164629 定价:49元 内容介绍: 本书是优秀的CSS 入门书,重点讲述了如何使用CSS 实现基于Web ...
css基础教程,适合新手使用,仅供参考
CSS基础-介绍及语法,css入门必备资料
Html+css基础
css基础知识简介,刚学习css布局的童鞋可以下载看看
html + css 基础学习html + css 基础学习html + css 基础学习 html + css 基础学习html + css 基础学习html + css 基础学习 html + css 基础学习html + css 基础学习html + css 基础学习 html + css 基础学习...
css基础教程 适合初学者的教程,好就给个评价,呵呵,
CSS基础知识-1.pdf
HTML+CSS基础知识点.pdf
学习CSS基础知识时自己做的笔记,希望帮到有缘人
CSS基础知识.pdf
50道CSS基础面试题(附答案) 1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 2 box-sizing属性? 3 CSS选择器有哪些?哪些属性可以继承?
DIV+CSS基础教程全攻略,让你熟练如何更好的掌握DIV+CSS
css 基础 代码 CSS之入门篇——推荐新手
HTML与CSS基础教程知识点总结,方便知识点的记忆和查询,用ue编辑的
结合博客前端CSS基础——常规流中练习对应图片代码,三大布局规则之一常规流布局,用常规流布局实现网页效果图。
作者是:Elizabeth Castro写的《HTML XHTML CSS 基础教程(第 6 版)》,特别适合初学者。非常经典的一部H5教程