1.简单的tag

1.<q>...</q>
短引用,使用后在被引句的两端加上'' ''。

2.<blockquote>...</blockquote>
块状引用,使用后被引用块的两端有缩进。

3.<code>...</code>
短代码引用。

4.<pre>...</pre>
块状代码引用。

5.<caption>...</caption>
为表格添加标题。代码通常写在<table>的下一行。

6.mailto
<a>标签的"href"属性中,添加"mailto",可调用客户端的邮件程序,方便访问者向特定邮箱发送邮件。如
<a href="mailto:dhxuangu@126.com">dhxuangu@126.com</a>

7.<textarea>...</textarea>
文本域,支持多行文本的输入。语法如下:

<textarea rows="行数" cols="列数">文本</textarea>

8.CSS选择器
>表示只选中下一层级,如ul>li表示选中ul中的第一层li
[空格]表示选中所有层级,如ul li表示选中ul中的所有层级的li
:伪选择器,如a:hover表示鼠标滑过超链接时的CSS样式。
,分组选择器,如h1,span{color:red;}相当于
h1{color:red;} span{color:red;}
.表示类选择器。
#表示ID选择器。

9.下划线与删除线
下划线:text-decoration:underline
删除线:text-decoration:line-through;

10.段落排版——缩进
中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现:p{text-indent:2em;}
注意:2em的意思就是文字的2倍大小。

11.段落排版——行高
设置段落行高:p{line-height:1.5em;},表示段落行距为1.5倍。

12.定宽块状元素的居中设置
当被设置元素为 块状元素 时用 text-align:center 就不起作用了,这时也分两种情况:定宽块状元素和不定宽块状元素。
满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。
示例:
html代码:

<body>
  <div>我是定宽块状元素,哈哈,我要水平居中显示。</div>
</body>

css代码:

<style>
div{
    border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/
    width:200px;/*定宽*/
    margin:20px auto;/* margin-left 与 margin-right 设置为 auto */
}
</style>

备注:如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动或绝对定位属性。

13.垂直居中

vertical-align:middle

推荐阅读更多精彩内容

  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 1,849评论 0 30
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 2,045评论 0 5
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 302评论 0 1
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 765评论 0 3
  • Redis是一个速度非常快的非关系数据库(key-value),它不仅性能强劲,而且还具有复制特性以及为解决问题而...
    _想静静_阅读 124评论 1 2