css基础知识总结
来源:互联网 发布:获取json对象的属性值 编辑:程序博客网 时间:2024/06/05 04:17
一:对css的理解
what:cascading style sheet,是给html化妆的,是让html如何更加丰富的显示自己。
how :使用样式表有三种方式:
内联样式
内部样式
外部样式(*)—–<link rel="stylesheet" href=".css文件路径">
why :给人一种更好的视觉体现,人总是喜欢更美丽更漂亮更舒适更丰富阅读网页。
二:css的语法
选择器:声明
(1)选择器分类
1.元素选择器 elementName{}
2.类选择器 .class{}
3.id选择器 #id{}
4.组合选择器 p #id/.class{}
5.派生选择器 div p{},div>#id{}
6.伪类选择器(用于设置同一元素在不同状态下的样式)
:hover
:link
:visited
:active
:focus
(2)声明(就近原则)
font:font-family(微软雅黑windows,文泉驿正黑linux),font-color,font-size
margin:30px auto
text-aglin:center
line-height:**px
z-index:堆叠
background:
background-color
background-image(属性:background-repeat,background-position,background-attachment)
BoxModel:
boder—-1px dashed/solid rgb(,,*)
margin—10px
padding–10px
…
声明分类:
1.文本样式
2.表格样式(特有 属性–border-collapse)
3.定位
流定位(默认定位)
浮动定位(如果想要撑起父边框,可以在浮动元素的后面加1个空框,并设置为clear:both)
相对定位(不释放原位置,position:relative)
绝对定位(释放原来位置–回到默认位置(浏览器的左上角)positon:absolute)
固定定位(相对于屏幕位置不动,position:fixed)
4.列表样式
list-style-type
list-style-image
5.显示方式:用display来修改(块元素,行内元素,行内块元素)
6.鼠标形状:cousor(default,pointer,crosshair,text,wait,help等)
三:css规则特性
(1)继承性:父类的css声明可以被子元素继承
(2)层叠性:同一个元素若有多个css规则,他们可以叠加
(3)优先级:对于有多个css声明的元素,若有冲突时,用优先级来说话
- CSS基础知识总结
- HTML&CSS基础知识总结
- CSS基础知识总结
- css基础知识总结
- CSS基础知识总结之基本概念
- html+css 基础知识大总结
- 对CSS基础知识学习的一些总结
- 黑马程序员-html+css基础知识总结
- HTML+CSS基础知识整理总结2015.3.9
- HTML+CSS基础知识整理总结2015.3.10
- HTML+CSS基础知识整理总结2015.3.11
- HTML/CSS基础知识总结一:元素分类
- HTML/CSS基础知识总结二:选择器
- CSS基础知识总结之颜色、单位
- CSS基础知识总结--《CSS权威指南》阅读笔记(一)
- CSS基础知识总结--《CSS权威指南》阅读笔记(二)
- CSS基础知识
- CSS基础知识
- [LeetCode] Rotate List
- QSettings
- linux tree命令
- ASP.NET MVC 下拉列表实现
- 《Drools7.0.0.Final规则引擎教程》第4章 4.2 auto-focus
- css基础知识总结
- 使用comment.net的FTP工具后支持完美的断点上传和下载
- Python
- Android Studio 误将工程下的build删除
- RIP协议
- setjmp和longjmp函数使用详解
- 详解mysql备份恢复的三种实现方式
- H5图片选取器
- windows下Maven环境搭建