<新手複习向> <CSS学习第1集/>:{简单介绍与常见属性;}

CSS是啥?
全名为(Cascading Stylesheets),谷哥中文是阶层样式表,是一种风格页面语言(style sheet language),能让你在 HTML 文件中的元素(element)上套用不同的页面样式(style)。

CSS包含?

选择器Selectors
决定你在HTML中的元素会被调整成什么样子,但同样也要注意优先顺序。属性properties
用来调整HTML元素的东东。值Values
调整HTML元素的东东里面,会调整成啥样子。

範例:医生,我想整容,我希望眼睛可以 上下左右放大 1公分,然后嘴唇 颜色染成 红色。
此时选择器选择眼睛,放大是属性,1公分是值;选择器选择嘴唇,颜色是属性,红色是值。
大概就会长这样:

    eyes{        border:1cm;        }    lips{        background-color:red;        }

常用属性:

文字属性字体四合一属性 font
*后面值依序为(倾斜度-style)(粗细-weight)(大小-size)(字型-family)对齐缩排text-align(em)字间距letter-spacing修饰text-decoration(underline/overline/none)大小写text-transform
(captalize/uppercase/lowercase/none)列表三合一属性 list-style
*后面值可以为(形状-type)(图片-image)(位置-position)背景属性 background
*后面值可以为(颜色-color)(图片-image)(重複-repeat)(位置-position)溢出属性 overflow浮动属性 float定位属性 position

同场加映选择器:

元素选择(直接打上元素 ex.div ul p)id选择 (#X)class选择 (.X)全部选择 (*)descendant选择(X_Y)虚拟选择 (hover常用)
*同元素权重:descendant>id>class>title

就酱吧
然后就没有第2集了?


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章