码迷,mamicode.com
首页 > 其他好文 > 详细

学习之路 1-2

时间:2016-08-10 22:38:33      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

1. 属性选择符(7个)
2. font-family

字体用法

p{font-family:‘黑体‘,‘宋体’;}
3. font-size

字体大小

p{font-size:12px;}
4. font-weight

p{font-weight: bold;}
5. font-style 样式

P{font-style: italic;}
6. font

缩写

p{font: italic bold 14px/22px "微软雅黑";}
7. color 颜色

P{color:red;}
8. text-decoration 字体横线

P{text-decoration: overline;}
9. text-shadow 阴影
p{text-shadow:5px 5px rgba(0, 0, 0, .6);}

10. width

div{width:100px;}
11. height

div{height:100px;}
12. margin

div{

  width:100px;

  height:100px;

  border:1px;

  margin:1px 2px 3px 4px; /*上 右 下 左*/


13. padding

div{

  width:100px;

  height:100px;

  padding: 5px 10px 15px 20px; /* 上右下左 */
      padding: 5px 10px; /* 上下左右 */
      padding: 5px 10px 15px; /* 上左右下 */
      padding: 5px; /* 上右下左 */
      border:5px solid #000;

 

学习之路 1-2

标签:

原文地址:http://www.cnblogs.com/hunting/p/5758987.html

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