2011年12月12日随笔档案 - 新人报道多多努力

2011年12月12日

摘要: Web开发的mvc模式及改进阅读全文

posted @ 2011-12-28 22:53 人称小雨阅读(130) | 评论 (0) | 编辑收藏

1.font-size: 字体大小
2.color: 颜色
3.font-family: 字体类型
4.font-style: 斜体italic
5.font-weight：字体加粗bold
6.text-transform：大小写，uppercase大写或者lowercase小写
7.text-decoration：装饰，经常给超链中的字体使用，underline下划线，overline上划线，linethrough中间删除线
8.letter-spacing,word-spacing：字母间距和单词（字）间距，汉字没有字母间距
9.line-height：行间距，算法很奇怪，从行的底部到上面行的底部这个和div或span的height相等的话字体会自动居中
10.text-align：对齐方式，左left中center右right 图片后面加的文字说明则是上top中center下bottom
11.text-indent ：首行缩进，一般是2em（腾讯代码里面写的2rem不知道什么意思，哪位大哥知道的话请留言。。。谢谢！）
12.margin：边距，四个方向，top，right，bottom，left；涉及盒子模型跟padding，border要区分清楚
13.overflow：超出范围的内容显示方式，很少使用auto和其它的，一般都是hidden不显示
14.background-image：背景图片
background-repeat：重复方式，no-repeat不重复,repeat-x横向重复一行,repeat-y纵向重复一行，应该没有对角重复
background-position: 图片的位置，这个是用非常频繁，五个值top，right,bottom,left,center以及神奇的具体位置定位，也就是图片的偏移技术
15.border-collapse：单像素表格消除重复边框，值为collapse
16.border-radius：边框的圆角程度可以写四个，上右下左，也可以写一个代表所有
17.text-shaw,box-shadow: 文字的阴影效果和边框的阴影效果，变化不大但是效果很好
18. position: 定位，绝对定位absolute，相对定位relative，及固定定位fixed(一些网站的导航条经常这么做)，再加上可以使用的显示层z-index，用处非常大；
19. float：浮动，值有right右浮动，left左浮动，需要注意的是一旦剩余位置大小不够时这个块会自动往下一行排
20.display: 展示方式，block块，inline行，inline-block和none隐藏
需要提的是这个inline-block,一个inline的行级标签如span，它们的高度是无法调整的，但是使用display:block改为块级后可以，这样可能会出现一些不想看到的效果。因此改为display:inline-block后可以调整高度也没有块级的一些效果
虽然使用一些css插件可以做的更多更好，但是我还是觉得css必须精通才可以对自己的作品了如指掌，javaScript也是如此，会使用插件EXTjs、jQuery等等是必须的，但是基础也同样重要。欢迎大家留言、指导。小子是新手，错的地方还希望前辈们多多指点！

posted @ 2011-12-12 11:16 人称小雨阅读(184) | 评论 (0) | 编辑收藏

常用链接

留言簿

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜