轻松学会Css.

2014/4/2 16:14:00  人气 2718    黑客破解论坛  
拥有漂亮网页的网站未必是好网站,但一个好网站需有漂亮的网页。这样学会css就势在必行了!

无论什么css样式,都要写在<style>和</style>标签之间

标签之间大体格式就是:选择器{控制语句}

选择器:
.xxx这个形式称作选择器,也就是名称前带点。
html的调用方法
<div class=“xxx“>内容</div>。
一般柯林站ubb调用方法:
*div=xxx*内容*/div*
这是柯林较为常见也是经常使用的一种形式,他的优点是使用灵活,可以用于基本任何网页元素
----------实例----------
.title{color:#ff0000;}
#ff0000是颜色代码
【点这里查看更多颜色代码】
意思是字体颜色是红色
-----------实例结束-----------
xxx这个形式也是一种选择器,注意,这个名称前没有点。网页其实就是有各种标签构成,例如输入框的标签是<input>,css中的定义选择器就是input{控制语句},链接的标签是<a>,
所以css的定义选择器就是a{控制语句},这个就不用再调用了,因为已经做到了一一对应。

控制语句:也就是{}之间的语句。
一个属性对应一个值就行,两个属性之间要用分号分开;例如【高】的属性是height【宽】的属性是width,
所以height:100px;width:100px;的意思就是高是一百像素,宽是一百像素,这个能理解吧?颜色的属性是color;背景颜色的属性是background-color
color:#ffffff;background-color:#000000;的意思就是背景颜色是黑色,字体颜色是白色,其中#00000就是颜色代码,记住,要有#号,也可以改成颜色的英文名称,例如黑色black
但是如果是英文则不加#号.
【css的常用属性】
height高度,值可以是数字也可以是百分比,例如100px或者100%;
width宽度
color字符颜色
background-color:背景颜色
padding:内填充,就是内边距
padding-left;左填充,右填充等请举一反三
border边框 ,格式为border:1px solid #000;后面的三个参数分别为 粗细,边框类型(solid直线,其他百度),边框颜色,参数的顺序可以互换。
border-top上边框,其他下边框等请举一反三
margin外边距,例如margin:10px;
margin-right右边距,其他请举一反三
background-image:url(123.jpg);背景图片,123,。jpg替换成你的图片地址
font-size字体大小,例如font-size:17px;
line-height:行高
font-family:“微软雅黑“;字体
text-align:center;对齐方式center居中,left左。right右,好像没有局上一说
好了!现在我们来一段正常可用的css
------------实例------------
<style>
.title{
height:100px;
width:100px;
backgroud-color:#000000;
color:#ffffff;},
</style>
那么在网页中调用就是<div class=“title“>标题</div>,ubb为*div=title*标题*/div*
显示效果就是显示一个长100高100的背景黑色的方框,文字为白色.
-----------实例结束------------
差不多了,css基本入门的形式也就这些了把。可能有不足,望指正!把以上我说的找个自助站勤加练习,相信学会css也是不难的!
【韩雅】、小强(ID146212)修改此贴04-02 16:14

发表回复

   


  通知楼主

4楼

小星.04-02 17:26
!!!!!!咳咳!

回复只看TA

地板

繁%花?华仔.04-02 16:53
弱爆了

回复只看TA

椅子

绝客网188118.04-02 16:52
不白看

回复只看TA

沙发

督察 Asura.04-02 16:15
百度复制的?

回复只看TA