操作快捷键、HTML基本标签属性

HTML

1.快捷键
ctrl+s:保存
ctrl+x:剪切
ctrl+c:复制
ctrl+v:粘贴
ctrl+a:全选
ctrl+z:撤销
ctrl+y:还原
shift+end:从头选中一行
shift+home:从尾选择一行
shift+alt+上下键：快速移动一行
alt+光标左键：实现多光标操作
ctrl+d:快速选中后面一样的代码
tab+单词：标签
ctrl+R：打开cmd
tab+!：初始代码
shift+tab：向前缩进
tab：向后缩进
ctrl=/   alt+shift+a(选中注释内容)：HTML注释：<!--内容-->
ctrl+shift+delete：清缓存
f12：打开浏览器控制面板
2.标签
标题：<h1></h1>.. <h6></h6>
段落：<p></p>
<hr>水平线
<title></title>页面标题
<br>换行标记

文本修饰标签：
<strong></strong>强调
<em></em>强调，文本斜体，不强烈
<sub>下标文本</sub>
<sup>上标文本</sup>
<del>删除文本</del>
<ins>插入文本</ins>
加载图片<img src="图片链接地址" title="鼠标划上去时的提示" alt="图片加载失败提示文字" width="宽" height="高">  
跳转瞄点：<a href="链接地址" target="跳转方式，默认当前窗口打开_self，新窗口_blank"></a>
特殊字符：
空格   &nbsp;
© 版权 &copy;
注册商标&reg;
小于号 &it;
大于号 &gt;
和号   &amp;
人民币 &yen;
摄氏度 &deg;
3.列表标签
 1.无序列表   快捷键：ul>li*3
   <ul type="circle/disc/square">
       <li></li>
       <li></li>
   </ul>
  2.有序列表   
  <ol>
      <li></li>
      <li></li>
  </ol> 
  3.定义列表：
  <dl>
      <dt>描述标题</dt>
      <dd>描述内容</dd>
      <dd>描述内容</dd>
  </dl>
4.表格

<table cellspacing="单元格之间的空间" cellpadding="单元格内的空间" border="表格边框" bordercolor="边框色" align="表格水平对齐方式 left/right/center" valign="垂直对齐top/bottom/middle">
    <tr width="">
        <td height="" rowspan="合并行" colspan="合并列"></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>
5.表单标签
<form action="" >
    <input type="text/password/checkbok复选框/radio单选框  name="属性可以让单选框成为一组" /file/submit/reset" >
</form>
下拉菜单：
<select name="" id="">
    <option value=""></option>
    <option value=""></option>
</select>
select属性：选中默认项（select）
disable属性:禁止操作（select input）
checked属性：选中操作（input）
size属性：显示下拉个数（select）
multiple属性：多选操作（select,input）
palcehoder属性：输入框的提示信息
div : 划分区域的
span : 修饰文字
6.CSS
注释 /*  */
引入方式 内联样式，内部样式 <style></style>,外部样式
<link rel="stylesheet(确定文档HTML跟要引用的资源的关系)" href="规定被链接文档：样式的地址">
7.CSS背景
background-color:背景颜色
background-image:背景图片 url 地址 默认是xy都平铺
background-repeat:背景图片的平铺方式 repeat默认/repeat-x/repeat-y/no-repeat;
background-positiong:背景图片的位置 xy 0 0 (当前容器最上角)
background-attachment:背景图片随滚动条的移动方式 scroll默认按当前元素偏移/fixed固定，背景位置按浏览器偏移；
8.CSS边框样式
border-style:边框的样式 dashed虚线 dotted点线
border-width：边框的大小
border-color：边框的颜色 针对某一条边 border-left/right/top/bottom-style 
font-size：字体大小
font-family：字体类型
font-weight：字体粗细
font-style：字体样式 normal正常 italic斜体
9.CSS段落样式
text-decoration：文本修饰
underline下划线 line-through删除线 overline上划线 none不添加任何修饰
text-transform：文本大小写 lowercase小写 uppercase大写 capitalize首字母大写
text-indent：文本首行缩进 2em
text-align：文本对齐方式 left rignt center justify
line-height：定义行高
letter-spacing:定义字间距
word-spacing：定义词间距（英文）
强制折行
word-break:break-all;特强
word-wrap:break-word;不强会产生空白区
10.CSS复合样式
background：（复合值空格隔开，无顺序要求 /cover）
border:同上
font:(有顺序，至少俩值)
text无复合写法
11.CSS选择器
ID选择器   快捷键：div#elem+tab键    --> <div id="elem"></div>
css   #elem{}
html  id="elem"
ID选择器的规范：
                在一个页面中，ID是唯一值。
                命名规范，	字母  _  -  数字（命名的第一位不能是数字）。
                除了常规写法外，命名方式还有：驼峰式、下划线式、短线式。
                    常规：leftsidebar
                    驼峰式：leftSideBar
                    下划线式: left_side_bar
                    短线式：left-side-bar ( W3C推荐的写法 ) 
CLASS选择器
css   .elem{}
html  class="elem"
标签（TAG）选择器
css   div{}
html  <div>
    注：
    1. class选择器是可以复用的。
       跟ID选择器有很大区别的，复用代码的能力非常强。（在网页中使用的频率非常强）
    2. 可以添加多个class样式。
        跟ID区别：ID只能写一个，CLASS可以写多个，通过空格隔开。
    3. 多个样式的时候，样式的优先级根据CSS决定，而不是class属性中的顺序。
        看CSS中的顺序，并不是看class属性中的顺序。
    4. 标签+类的写法
群组选择器
css  div,p,span{}
通配选择器
*{}
层次选择器
后代 : M N 找M下的所有N
父子 : M > N 找M下的子标签N
兄弟 : M ~ N
相邻 : M + N
特点： ~ 是找M标签下面的所有N标签
+ 是找M标签下相邻的N标签
无论用~ + 都是找下面的兄弟，上面的兄弟是不会有任何作用的。
M[]:[calss="elem"]  * ^ $
伪类选择器
:link 访问前的选择器     ( 只能加给a标签 )
:visited   访问过后的选择器   ( 只能加给a标签 )
  :hover     鼠标移入的选择器    ( 所有标签都能添加 )
:active    鼠标按下的选择器    ( 所有标签都能添加 )
其他伪类选择器
:before  :after
input:checked{ width:100px; height:100px;}
input:disabled{ width:100px; height:100px;}
当标签能够获取焦点的时候，会触发 :focus
input:focus{ background:Red;}
结构性伪类选择器：
:nth-of-type()、 :nth-child()
:first-of-type、 :first-child 
:last-of-type、  :last-child
:only-of-type、 :only-child
()中可以添加的值：number(第几个，从1开始) | n(表示一个0到无穷大的数)
常用 id class 层次 群组 伪类...