互联网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
相关思维导图模板
树图思维导图提供 《数字教育平台开发项目策划》 在线思维导图免费制作，点击“编辑”按钮，可对 《数字教育平台开发项目策划》 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：d6437326e3e07ecf1e5e178ba84d0100
树图思维导图提供 母婴大健康行业互联网展现推广方案1.0 在线思维导图免费制作，点击“编辑”按钮，可对 母婴大健康行业互联网展现推广方案1.0 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：e848be5cfe3012b9c73b8c363c1cba92
沪公网安备 31011502019485号
上海工商