当前位置: 首页 > Web前端 > HTML5

优秀程序员的前端教程CSS基础

时间:2023-04-05 20:54:47 HTML5

优秀程序员前端教程CSS基础1.CSS基础CSS选择器元素选择器:p{}id选择器:#p1{}类选择器:.pre{}2.CSS注释注释:/**/3.CSS尺寸宽度:widthheight:height4.CSS背景background-color-----背景颜色background-image:url(imagepath)—图片作为背景url(background.jpg)—本地测试background-repeat—背景水平垂直方向重复—参数可选background-size:contain—背景平铺5.textcolor—文本颜色text-align—对齐方式text-decoration—文本装饰lineheight—行间距letter-spacing—字间距text-indent—首行缩进text-transform—casewhite-space—blank6.fontfont-size—sizefont-style—stylefont-weight—thicknessfont-family—fontfont—declaretogether7.mousestylecursor:crosshair—crosscursor:pointer—finger8.table表格-layout:automatic|fixed—表格布局border-collapse:separate|collapse—表格边框9.borderborder-style—边框样式border-color—边框颜色border-width—边框宽度border—放在一起boder-top—只有一个方向有边框boder-top,border-left——所有边框都有边框div——块级元素(自动换行)span——行内元素(不换行)10.padding-left:leftpaddingpadding-right:rightpaddingpadding-top:toppaddingpadding-bottom:bottompaddingpadding:toprightbottomleft11.Outermarginmargin-left:leftmargin-right:rightmarginmargin-top:topmarginmargin-bottom:bottommargin12.边框模型13.超链接状态link-初始状态,从未访问过-已访问hover-mouseHoveroverhyperlinksactive-mouse点击左键,但还没有弹出时14.隐藏display:none;--隐藏一个元素,这个元素将不再占据原来的空间“坑”,让它出来tobythecssfilehref是一个单独的css文件路径16.CSSpriority是在属性之后使用的!important将覆盖页面中任何位置定义的元素样式。写在元素内部的样式作为样式属性id选择器类选择器标签选择器通配符选择器浏览器自定义或继承