互联网CSS思维导图
简单介绍CSS的内容
树图思维导图提供 互联网CSS思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 互联网CSS思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：47a42dea28784dccf45f3316c36b1af6
思维导图大纲
CSS思维导图模板大纲
CSS选择器
“*”选择器：通配符
标签选择器
"."类／class选择器
"#"/id选择器
组合选择器
后代元素选择器
子元素选择器
相邻兄弟选择器
普通兄弟选择器
伪类选择器
:active
:focus
:hover
:link
:visited
:first-child
:lang
css各选择器的优先级：行内样式>id选择器>class选择器>标签选择器
CSS属性
css背景属性
background-color
background-position
英文单词定位
固定像素定位
百分比定位
混合定位
简写凡是：background：背景色背景图平铺方式定位方式
background-image
css表格属性
常用属性：border-collapse
css浮动属性
clear
left
right
both
float
left
right
CSS display属性
none（隐藏）
block（以块元素显示）
inline（以行内元素）
CSS overflow属性
visible（可见）
hidden（隐藏）
scroll（出现滚动条）
CSS cursor属性
pointer（一只手）
wait（一只表或沙漏）
help（问号或者气球）
CSS定位（position)
static（默认状态，不定位）
fixed（固定定位）
relative（相对定位）
absolute（绝对定位）
HTML引I入CSS的方式
嵌入式
描述：通过＜style></style＞来引入
语法：<styletype="text/css"></style>
外联式
描述：通过＜link＞来引入一个外部的css文件
语法：<link rel="stylesheet"type="text/css"href="css/public.css"/>
rel：引入什么样类型的文件
type：内容类型
href：引入的CSS文件地址
行内样式
描述：直接在HTML中写，很少用
浏览器兼容问题
全局css设置
常用兼容性技巧
实现所有浏览器的主页居中
Firefox下：box{margin:0px auto}
IE下：body{text-align:center;}
CSS HACK
相关思维导图模板
树图思维导图提供 互联网营销师培训流程 在线思维导图免费制作，点击“编辑”按钮，可对 互联网营销师培训流程 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：b0bb621afea2c56345be09e11b8d57d0
树图思维导图提供 《第52次中国互联网络发展状况报告》分析互联网发展带来的公共安全问题 在线思维导图免费制作，点击“编辑”按钮，可对 《第52次中国互联网络发展状况报告》分析互联网发展带来的公共安全问题 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：e399e0cd3d6db0daf842dc71d74b2693
沪公网安备 31011502019485号
上海工商