近期学习笔记

 

HTML

6. 功能标签：
   1. a 超级链接属性：
      1. href=“ ”跳转，url跳转到一个外网地址中，.当前目录下  ..当前目录下的上一级目录
      2. 相对路径：相对于当前代码所在文件的路径 .当前目录下   ..当前·目录下的上一级目录
      3. 绝对路径：相当于基准点（Linux中是操作系统的根目录即/）
      4. 锚点：
         1. 定义<div I’d=“top”>顶部<div>
         2. 跳转<a href =“#top”>跳转顶部</a>
      5.  target=“_blank” 加上就会打开新的选项卡   _self      默认值，当前页面 

 

2. 1. Img 
      1. src 图片地址：网络资源，相对路径，绝对路径，base64格式值
      2. alt 图片找不到时的文本替换
   2. table 表子元素：    thead ,     tfoot ,      tbody 表格体,       tr 行,        th表头/td 列（容器） 
   3. form 用来进行前后台数据交互（默认条件下，同步交互）属性：
   1. action取值：后端处理借口
   2. enctype取值：application/x-www-form-urlencoded（表单格式，表单编码将特殊字符转化为16进制，键值对）, multipart/form-data,（当有附件时，二进制，无需进行编码）， text/plain（纯文本提交）
   3. method取值：get,用于查询操作,参数携带于url后面，post,用于更新（保存，修改，删除）操作，参数携带于请求报文请求体中
   4. 子元素 input 输入框，默认checked
      1. 注意input必须添加name属性“radio”,”checkbox”必须添加value
      2. 属性type=“text”输入框,”reset”重置,”submit”提交,”password”密码,”radio单选”,”checkbox多选”,”textarea”多行文本,‘date’日期一般不用,“file”附件,
      3. placeholder 输入框提示
   1. 子元素select,子元素option,默认selected
   2. iframe技术 载入外部界面。                               利用

 

css3

 

在html中的应用

1. 嵌入到html头部的style中
2. div的style属性内
3. 单独写入到.css文件中，通过Link引入到html中

语法：

1. 注释：/*内容*/

2. 选择器{                                                                                                                                         规则}
3. .box{ color：#fff；width：300px；margin-botton：1em；} 
4. 选择器
   1. 核心选择器：
      1. id选择器，利用了html的id属性，唯一，#one       
      2. class选择器，利用了html的class属性，不唯一，.box    
      3. 标签选择器，使用标签名进行选择，div，选中所有div元素         
      4. 并且选择器，div.box选中class为box的div元素
      5. 或者选择器，div，.box 或者是div元素或者是class为box的元素
      6. *选择器，所有元素，不单独用 
   2. 层次选择器（两个选择器配合使用）
      1. 子选择器 >通过父元素选择子元
      2. 兄弟选择器 ～空格 当前元素之后的所有兄弟。ul.rank>li:nth~child(2) ~ *{} ul的第二个孩子li之后的所有li
      3. + 当前元素之后的下一个兄
   3. 属性选择器，属性过滤器，一般应用在表单元素
      1. input[name] 具有name属性的input元素
      2. Input[name='username'
      3. Input[name^='u']
      4. Input[name*='u']
      5. Input[name
   4. 伪类选择器      
      1. li:nth-child(n)   第n个li孩子        
      2. :visited 访问过的  
      3. :hover. 光标悬浮上去
      4. :first-child
      5. :last-child
      6. :active   a标签激活
      7. :focus    聚焦
   5. 伪元素选择器 
      1. ul.menu::after {}在class为menu的ul元素中追加一个子元素
      2. ul.menu::before{}插入子元素              
      3. 计算选择器优先级 当选择器中的相同规则作用在同一个元素的时候，    
         1. 权重：style1000，id100，class 伪类10，元素选择器，伪元素选择器1          
         2. 顺序
         3. 特权，一般不用 
5. 样式规则

2. 1. 字体规则     font-famIly字体，font-size大小，font-weight粗细，font-style斜体，line-height行高，color颜色     font:style weight size/line-height family;单位：px，em相对于当前元素，rem 相对于html元素       网络字体（iconfont）
   2. 文本规则。text-align 居中    text- decoration：none 链接的下划线去掉    text- indent：2em 缩进  text-transform 控制大小写  文本多余的部分用这三行换成… white-space:nowrap;取消换行overflow:hidden;隐藏起来text-overflow:ellipsis;用点点点。        verticle-align：行内元素在容器中的排列方式。