DW前端代码汇总
==============================前端代码============================
------------------------------------*标签*---------------------------------
<button></button>--按钮标签
<ul></ul>---段落标签
<u></u>--下划线
<link rel="icon" type="image/x-icom" href="../images/icon2.ico">---引入网页图标
<a href="#"></a>-------里面加跳转网页,锚标签
<link rel="stylesheet" href="css">------css引入
<s></s>----删除线
<!--<script src="js/script.js"></script>-->--js引入;
<span></span>------------(行内)
<input type="text">-------文本框
<b></b>-------------------粗体
<input type="password">---密码框
<i></i> ------------------斜体
<input type="submit">-----提交按扭
<hr></hr>-----------------水平线
<input type="checkbox">---复选框
<p></p>-------------------段落
<input type="radio">------单选框
<br></br>-----------------换行
<input type="reset">------重置按扭
<img>---------------------插入图片(自闭和标签)
<input type="image">------图片按扭
autocomplete="off"--------删除历史记录
<h1></h1>-----------------标题标签1>2>3>4>5>6
<input type="button" value="按钮">--按钮
<hr>----线条 <input,type="file">----浏览文件
<select name="" id=""></select>----下拉框
<option value=""></option>---------选项标签
<input type="checkbox">-----------复选框
<input type="date">---------------日历
<label for="Name">姓名</label>-----for="Name":光标聚集效果
<input type="text" placeholder="提示">--//placeholder="提示">文本框里提示
<select>---下选框
<input,type="hidden">----隐藏域
disabled 这个加在input标签后面;禁用input
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
alert('提示框');
<big> -----定义大号字
<em> ------定义着重文字
<i> -------定义斜体字
<small> ---定义小号字
<strong> --定义加重语气
<sub> -----定义下标字
<sup> -----定义上标字
<ins> -----定义插入字
<del> -----定义删除字
===============================CSS * 基础样式:=================================
transform: translateY(-110px);--y轴运动
overflow:hidden;-----隐藏 display:none;
style------放在div里面可以写css样式(行内样式)
border-color:transparent transparent transparent #65aac3; - 制作三角形
width:300px;----------------宽度;
display: inline-block;------块级元素横排显示
height: 300px;--------------高度;
text-decoration: underline;-添加文字下划线
background:#fff;-----------背景颜色;
outline: none;--------------取消文本框选择效果
opacity:0~1之间;-------------透明度
line-height: 20px;----------行高
background-size: cover------图片大小自适应
font-size: 12px;------------字体大小
contenteditable="true"------div编辑文本
font-style: italic;---------文字斜体
font-style: oblique;--------文字倾体
color: #fff;----------------字体颜色
font-weight: normal;--------字体正常
font-weight: bold;----------字体加粗
font-style:--设置字体的风格-属性值有:normal(正常),italic(斜体),oblique(倾斜)
text-decoration:line-through;-----中划线
text-decoration: overline;--------上划线
text-decoration: line-through;----中划线
text-decoration:none; ------------取消<a>下划线
overflow: hidden;-----------------超出部分隐藏
text-shadow: #f00 2px 5px 5px;----该属性用于设置的文字是否有阴影效果
color:指定该阴影的颜色
xoffset:指定阴影在横向上的偏移。
radius:A指定阴影的模糊半径。
模糊半径越大,阴影看上去越模糊。
多重阴影:多加几组数据即可。
sytle="text-shadow:5px 5px 2px #cf0"
Font-------------字体
style="display: none;"----行内样式。隐藏 (display: none)
:last-child--------选择到最后一个元素
:hover-------------伪类
:first-child-------选择到第一个元素
:nth-child(2)------选择到第2(几个)元素
border-radius: 5px;--------圆角样式
border-radius:0px 0px 100% ;--扇形圆角
border-radius:0px 100% 0px 0px ;
border-radius:100% 0px 0px ;
border-radius:0px 0px 0px 100%;
border-radius: 0px 0px 100%;
display: block;(display:inline-block;)-----行内元素转换为块级元素
overflow-x: hidden;------------去掉下拉条;
display: inline-block;---------行内块级元素
background: url();-------------背景图片
list-style: none;--------------取消无序列表中的默认样式
text-decoration: none;---------取消下划线
list-style: none;--------------取消 li 标点的点;
box-shadow:5px 5px 5px #111;--盒子阴影;
设置四边阴影多加一个数值,如=0px 1px 2px 3px #111;
h-shadow:------------水平方向阴影
v-shadow:------------垂直方向的阴影
blur:----------------模糊距离
color:---------------字体颜色
font-family: 'Lobster',cursive;--------字体楷体
transparent-----------透明色
no-repeat-------------不重复出现
cursor: pointer;------鼠标移入变成手的形状
z-index: -------------层次(和定位一起使用)
even-----------------—选择序列位偶数的元素、odd选择序列为奇数的元素
overflow: scroll;-----超出部分鼠标滚轮
------------------------------------------------------------------
&