2020-12-18

Css 部分 知识总结
width: ; 宽度
height: ; 高度
margin: ; 外边距
padding: ; 内边距
input:focus{ outline: none; }去掉 input 标签的焦点效果

CSS 关联 JS 关联 onClick="laydate()” 调用日历插件 alert（输出内容）； 输出框 position: relative; 相对定位 position: absolute; 绝对定位 tr:nth-of-type(even) 选择器，even 代表选择偶数行 cellspacing=“0” 把文本框之间的间隙设置为 0 z-index: n; 层次为 n，较大，优先显示出来 （文本框 tr td 之类 first-child 选择第一列 nth-child(n) 选择 n 列） float: left; 左浮动 float: right; 右浮动 font-weight: 字体加粗 font-size: ; 文字大小 font-style: normal; 设置字体形状为正常体，去掉倾斜的效果 font-style: italic; 字体倾斜 value="内容"； 代表的是 input 标签里面的内容 margin: auto; 使整个 div 里面的内容于中心对称展示 text-align:center; 文本居中 text-align: left; 表格里面的字靠左对齐 text-decoration: none; 取消 a 标签中文字的下划线等作用 text-decoration:用于控制文字是否有修饰线。属性值：none,underline(下划线), line-through(中划线),overline(上划线)，blink 会让文本闪烁 二十 中划线； 十二 下划线 标签自带划线效果 transparent 透明颜色 transition: height 1s ease; 计时器,如能使展开收起功能在 1s 后完成 transform: translateX(110px); 往 X 轴移动 110px list-style: none; 去掉数字前的一个大的黑点 line-height: px; 通过行高与 height: px;一样达到文字居中的效果} overflow: hidden; 有清除浮动的作用，也有把超出盒子的内容隐藏掉的作用 overflow:hidden; 取消进度条 clear: both; （清除浮动） color: ; 文字颜色console.log(); 控制台输出 alert(); 弹出提示框 cellspacing="0" 去掉表格中两条边的空格 cursor: pointer; 鼠标移到按钮上鼠标显示一个小手的形状 border-radius:; 把正方形四边的角弄圆 border: 3px solid #ed5565; 设计边框 border: none; 去除边框 background: # ; 背景颜色 background: url() px px; 添加背景图片，红色部分是用于调整背景图片的位置 background-position: px px; 用于背景图片的位置调整 background: rgba(0 ,0, 0, 0.5) 背景颜色的透明度的设计（red,green,blue 0-255;alpha） background: url() no-repeat; 把图片重复出来的处理掉 box-shadow: px px px # ; 阴影设置 要把图像放入背景，需要使用 background-image 属性。background-image 属性的默 认值是 none，表示背景上没有放置任何图像。 带有图像的一个段落。图像的 align 属性设 置为 "left"。图像将浮动到文本的左侧。 display: block; 显示隐藏的元素 display: none; 把一个盒子里面的元素全部隐藏掉 display: inline-block; 把 a 标签从行内元素转变为行内块状元素 display: block; 把行内元素转变成块状元素（必须要把行内元素转变成块状元素才能设 计显示它的高度.宽度.颜色等效果，或者添加浮动也能有这个效果，可以不用自行改变） 设计文本框 hover 伪类 .logo:hover{ background:颜色; } 当鼠标移入时颜色改变 a:hover{ color: ; text-decoration: underline; 鼠标点到字体上时字体的背景颜色改变 } .discountImg{ z-index: 4; 调两个或两个以上的标签谁在上谁在下，数字小的在上} .house_adress{ z-index: 3; 调两个或两个以上的标签谁在上谁在下，数字小的在上} em 标签有倾斜的效果 .login i:first-child{ } 结构选择器 .login i:nth-child(){ } 也是结构选择器(在 nth-child(n)中可通过 n 的值来选择第 n 标签 编写代码 input[type='text']{ 文本框样式的设计 type='text'代表属性} 通过 checked 代表默认值 通过俩个 input 标签里面的 name 一定要相同 才能有单击的效果 按钮的设计 邮件通知产品发起人) 按钮设计 添加附件 通过 for="input_file" 把 label 标签和 input 标签联合起来，从而 label 可以借用 input标签的样式，从而可以设计按钮里面的文字 hidden="hidden" 隐藏 input 标签所表达的按钮，从而只显示 label 标签所表示的 按钮，从而达到目的 下拉框的设计框架 请选择 项目详情 文本框的设计 设计文本框里面背景文字 文本域的设计