========= CSS 基础 ========
css - 空格大小写敏感
-----------------------------
class, id对大小写是敏感的
CSS - 派生选择器
li strong {
font-style: italic;
font-weitht: normal;
} //只有li下的strong标签才会采用这种格式。
-----------------------------------
ID选择器(应用的最广泛)
#red {color: red;}
<p id="red"/>//大小写必需完全一样
<div id="sidebar/>
#sidebar p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
-------------------------
类选择器(应用也很广泛)
selector.className.....
eg:
H1.color-red{color: red}
H1.color-yellow{color: yellow}
<H1 class="color-red"/>
可以与ID选择器互换
.classname{...}//可以在任意地方使用。
----------------------------
伪类选择器
a:link {color:#ff0000}
a:visited {color: #00ff00}
a:hover {color:..}
a:active {...}
------------------------
* 复合选择器的优先级计算(重要)
ID选择器(100) > 类选择器(10) > 标记选择器(1)
#h1 {color:red}
.h1 {...}
h1 {...}
<h1 id="h1" class="h1"/>
------------------------
复杂选择器名称的分解
#menu a.class:hover b, .special b.class{...}
<div id="#menu"
<table class="class">
<a >
<b>
a.class 表示 class里面的a
-----------------------------------
行内样式: 建议不常用
<p style="">
内嵌式: 不能共享
<style> ... </style>
链接式: 应用最广
<link href="1.css" type="text/css" rel="stylesheet"/>
导入式
<style>
@import
</style>
--------------------------------------
CSS 背景
p {background-color: gray;}
可以为所有元素设置背景色,不继承
不指定则为:trasparent,透明的
body {background-image: url(/i/1.gif);}
----------------------------------------
CSS 的盒子模型
如图片:盒子模型.bmp
CSS 外边距合并,只有上下才合,左右不合
盒子模型的特性:
边界值margin可为负
边框border....
边框是实的,而填充和边界是虚的。
盒子模型只能设置边枉颜色和背景
大部分盒子模型默认值为0。
---------------------------------------
分享到:
相关推荐
上百个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教程