CSS的基础知识@TOC
CSS的发展历史
1.CSS的英文
Cascading Style Sheets
层叠样式表
目前CSS只支持:横向或者纵向布局
1.两个人合作发明了CSS
1994年哈肯.维姆莱提出了css的最初建议。伯特波斯当时正在设计一个叫做“Argo”的浏览器,他们决定一起合作设计CSS
2.W3C开始接管CSS
1997年初。W3C内组织了专门管CSS的工作组,其负责人是克里斯李雷
3.css2.1
1988年5月W3C发表了CSS2
CSS2.1修改了CSS2中的一些错误,删除了其中不被支持的内容和增加了一些已有的浏览器的扩展内容
4.CSS3
从2011年开始CSS被分为多个模块单独升级。统称为CSS3
这些模块有:
CSS选择器level3
CSS媒体查询level3
CSScolor level3
5.CSS4?
没有CSS4,只有模块的level4
周边工具
LESS CSS
一种简化、功能更多的CSS语言
SASS
一种简化、功能更多的CSS语言
PostCSS
一种CSS处理程序
CSS的发展历程
从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
随着html的成长,为了满足前端开发者的需要,html新增很多样式属性,html变得更加杂乱,html越来越臃肿,这时,css诞生了
CSS 网页的美容师
CSS的出现,拯救了混乱的HTML,当让更加拯救了我们web开发者。 让我们的网页更加丰富多彩。
CSS的最大贡献就是: 让 HTML 从样式中解脱苦海, 实现了 HTML 专注去做 结构呈现。
如果JavaScript是网页的魔法师,那么CSS它是我们网页的美容师
\没有不漂亮的女人,只有不会打扮的女人。
\没有不好看的网页,只有不会CSS的前端。
CSS的基本属性
1.border:边框
边框样式的参数:
solid;/边框为实线实线边框(常用)/
none; /无边框/
dotted; /边框为点线/
dashed;/边框为长短线/
double;/边框为双线/
groove ;/根据border-color的值画3D凹槽/
ridge;/根据border-color的值画菱形边框/
inset; /根据border-color的值画3D凹边/
outset ;/根据border-color的值画3D凸边/
1.1、border四个边框
border-left 设置左边框,一般单独设置左边框样式使用
border-right 设置右边框,一般单独设置右边框样式使用
border-top 设置上边框,一般单独设置上边框样式使用
borde