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

css部分样式整理-特殊字体格式、导航栏固定、块级元素与行内元素、html 元素的margin与padding默认值、css样式优先级概括等

时间:2015-11-11 14:42:27      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:

    1.一些特殊字体样式:

    首行缩进2字符:{text-indent:2em;}

    水平居中:{text-align:center;}

    两端对齐:{text-align:justify;}

    垂直居中:{vertical-align: middle;}

    字间距2字符:{letter-spacing:2em;}

    行间距2倍:{line-height:2;}

    2.导航栏固定在页面某处(相对于<body>):

    {position:fixed;left:  px;top:  px;}

    3.块级元素与行内元素:

     常见的块级元素:<div>、<ul>、<ol>、<li>、<dl>、<dt>、<h1>~<h6>、<p>

     常见的行内元素:<img>、<input>、<select>、<strong>、<span>

    块级元素内部不能包含其他块级元素。

    块级元素与行内元素可通过{display:inline;}与{dispay:block;}进行转换。

    4.少数html元素的margin和padding默认值不为0:

    <body>、<p>、<ul>、<li>

    5.css样式优先级概括:

    (1)由高到低:内联样式(直接写在html元素内的样式style="")>id选择器>class选择器>元素;

    (2)引入的css样式高于写在html内的样式(<style type="text/css">);

    (3)权值相同时,标有important的优先级高。

css部分样式整理-特殊字体格式、导航栏固定、块级元素与行内元素、html 元素的margin与padding默认值、css样式优先级概括等

标签:

原文地址:http://www.cnblogs.com/luoyishamai/p/4955860.html

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