Css+Div布局小结、_html/css_WEB-ITnose

1,群选择器.
　　说明:当几个元素样式属性一样时,可以调用同一个申明,元素之间用逗号分隔、

p,td,li {
   font-size : 12px ;
}

li strong {
    font-style : italic ;
    font-weight : normal ;
}

div >

#menubar {
    margin : 0px ;
    background : #FFFFF ;
}

#menubar p {
    text-aglin : right ;
    margin-top : 10px ;
}

.12px{
   text-aglin:center;
   font-family:宋体;
   font-size:12px;
}

12px大小的字体

a:link { font-weight  :  bold  ; text-decoration  :  none  ; color  :  #c30  }
a:visited { font-weight  :  bold  ; text-decoration  :  none  ; color  :  #c60  }
a:hover { font-weight  :  bold  ; text-decoration  :  none  ; color  :  #FFFFF }
a:active { font-weight  :  bold  ; text-decoration  :  none  ; color  :  #EEE }

       以上语句分别定义了"链接,以访问过的链接,鼠标停在上方时,点下鼠标时"的样式.
       注意,以上4个样式可以"缺",但不可以打乱顺序,否则样式会跟你预想的不一样.他们的原则是:爱恨原则。
 即love hate原则,顺序是love中的"l"是link,"v"是visited,hate中的"h"是hover,"a"是active。

6.组合使用选择器创造精致的设计效果。
        用漂亮的图案代替普通无序列表沉闷的黑点,先用css规则告诉类别属性inventory的无序列表。

ul.inventory {
          list-style : disc url(/images/common/lister2.gig) inside ;
}

他的调用标记:

Code

• Angelfish(67 items)


• Angels/Frogfish(35 items)


• Angelfish(5526 items)


• Angelfish(15 items)



7.缩写是按照顺时针的顺序.


BibiGPT-哔哔终结者
B站视频总结器-一键总结 音视频内容
28
查看详情

立即学习“前端免费学习笔记（深入）”；

margin:25px 0 25px 0;

8.行高.
         说明:正常行高的150%.

line-height:150%;

         好了,最近几天在做项目Login和Main页面的布局与Css,又不是职业美工,边做边学,把有用的东西记录下来与大家分享。搁笔、