HTML CSS 释义
目录:程序员成长之旅/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 /> <!-- 换行空标签 -->
<!-- 空格 -->
<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>