HTML CSS 释义

<!-- 这里填写HTML的释义-->

<p></p> <!-- 文字段落 -->

<!-- hx 标题 -->
<h1></h1>
<h2></h2>
<h3></h3>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<!-- hx 标题 -->

<!-- 强调语气 -->
<em></em> <!--斜体 -->
<stron></stron> <!-- 加粗 -->
<!-- 强调语气 -->

<span></span> <!-- 没有作用,为了方便css设置方法 -->

<!-- 引用 -->
<q></q> <!-- 引用短文本(会自动添加双引号) -->
<blokquote></blokquote> <!-- 引用长文本(浏览器对其解析为缩进) -->
<!-- 引用 -->

<br /> <!-- 换行空标签 -->

&nbsp; <!-- 空格 -->

<hr /> <!-- 水平横线 -->

<address></address> <!-- 地址信息,可以包含电子邮件,签名或者文档的作者身份等 -->

<!-- 代码语言 -->
<code></code> <!-- 单行代码 -->
<pre></pre>   <!-- 多行代码 -->
<!-- 代码语言 -->

<!-- 列表信息 -->
    <!--  无顺序列表-->
        <ul>
            <li>信息</li>
            <li>信息</li>
        </ul>
    <!--  无顺序列表-->

    <!--  有顺序列表-->
        <ol>
            <li>第一个</li>
            <li>第二个</li>
        </ol>
    <!--  有顺序列表-->
<!-- 列表信息 -->

<link href="css/indexStudy.css" rel="stylesheet" type="text/css"> <!-- 导入根目录下css目录下的indexStudy.css -->

<label></label> <!-- label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。 -->

<input type="[输入框类型]" [可选参数]>
    placeholder 设置默认值(点击后会清除该文字)
    value 设置默认值(点击后不清除该文字)

/*这里填写CSS的释义*/

color:blue; /* 设置颜色为 : 蓝色 */

display:[    ] /* 设置元素的显示方式
		nono /*不显示*/
		block /* 按块显示 */

border: 10px solid #999; /* 边框大小10px 实线 颜色#999 */

(查资料）box-sizing: border-box;  /* 设置边框线朝内 */

font-size:[]; /* 设置字体大小 */

width:[] /*设置宽*/

height:[] /*设置高度*/

text-align:[] /*设置元素对齐方式*/

margin:[][] /*设置上下外边距 设置左右外边距 如果设置为auto就是垂直居中和水平居中*/

background:[] /*设置背景*/

@mediz([条件]) {[动作]} /*根据条件更改css样式，比如可以设置自适应*/

list-style:[] /*设置列表样式 可以吧一些默认样式去掉(比如可以去掉li标签前边的点*/

box-shadow:[x偏移][y偏移][扩散量][颜色]; /*外边框阴影*/

box-sizing:border-box; /*设置边框朝内(设置后border,padding等会朝内，不会占用外部空间（不会影响整体大小））*/

transition:[time];/*过度动画速度.(如未设置则本身为0).*/

border-radius:8px;/*设置边框圆角*/

transform:rotate(30deg);/*旋转30°*/

z-index:[number]; /*设置元素的堆叠顺序，改属性高的元素总是在属性低的属性上边，可以使用负值 （要和position配合使用）*/

opacity:[number];/*设置透明度最大值为1，最小值为0*/

clear:both;/*清除由float引起的错位问题*/

cursor:pointer;/*设置指针为小手*/

background-size: length|percentage|cover|contain;/*设置背景大小*/
    cover /*把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。*/

/* vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。 */
vertical-align: baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>

附件

• 20190425Stydy_自适应.rar