码迷,mamicode.com
首页 > Web开发 > 详细

CSS(一)属性

时间:2019-01-31 13:11:34      阅读:601      评论:0      收藏:0      [点我收藏+]

标签:weight   nbsp   必须   ted   淘宝   width   透明   html   三角形   

HTML代码

<body>

    <div>举个例子</div>

</body>

CSS代码:

div{

    font-size:12px;  //字体大小,默认是16像素,互联网一般12或者14像素,(游览器字体都是设置字体的高)

    font-weight:bold; //加粗,等价于HTML标签strong,还有其他值:normal(还原为正常默认)

    font-style:italic;   //斜体,等价于HTML标签em

    font-family:arial;  //字体设置,互联网字体用的多是arial(乔布斯发明),还有很多值:

    color: red;            //字体颜色

    width:100px ;        //div宽

    height:100px;        //div高

    border:100px solid black;                 //给div加上盒子

    border-left-color:red;

    border-top-color:blue;

    border-right-color:green;

    border-bottom-color:transparent;     //透明设置

}

color:设置字体颜色,三种方式

方法一:

土鳖式(纯英文单词),开发严禁设置

方法二:

    颜色代码 (三原色 r g b)

    #ff4400 红色 ,每两位代表三原色之一的饱和度

    ##ff4400   简写为 #f40  必须保证每两都相同才可简化,淘宝红

方法三:

    颜色函数

    rgb(255,255,255) 白色

border:是个复合值,四个边的框,可以用它画出方框、三角形

方法一:整体设置

border:10px solid black;

方法二:属性拆开设置

border-width:20px;

border-style:dotted;  //线体设置,虚线/实线等

方法三:每个边进行设置(颜色、宽度等。。。)

border-left-color:red;

border-top-color:blue;

 

CSS(一)属性

标签:weight   nbsp   必须   ted   淘宝   width   透明   html   三角形   

原文地址:https://www.cnblogs.com/xibuhaohao/p/10341318.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!