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; //透明设置
border-radius:10px; //边框变为圆角
}
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;