33jubi
33jubi

WEB-01 css/js_01

front-end
back-end
dev-ops

git
basic terminal usage
data structure&algorithms
SOLID,KISS,YAGNI
Github
Licenses
Semantic Versioning
SSH
HTTP/HTTPS and APIs
Design Patterns设计模式
Character Encodings

2019 web dev
https://github.com/kamranahmedse/developer-roadmap

HTML
CSS
Basic of Java Script
Packets Managers
-npm
-yorn
framework
-React js
-Angular
-Vue js
……

web tech

网站史
wayback machine

response
Content-Type: 表示后面的文档属于什么MIME类型
Content-Length: 告知文件大小

caniuse.com:测试feature各浏览器是否可用

1.html5

框架

(弃置）

target
| _blank | Load in a new window |
| _self | Load in the same frame as it was clicked |
| _parent | Load in the parent frameset |
| _top | Load in the full body of the window |
| framename | Load in a named frame |

一点点科普
: 强调

都加粗，对浏览器而言含义有别，优先加载之类的
对某些残疾人应用：strong会被念出来


换行

    ul无序
      ol有序

      css
      list-style{}:list 序号样式

      里colspan/rowspan 调整布局

      select

      html5新加：
      section
      article
      audio个人主页不推荐
      videio
      mar跑马灯标签，弃置-已被js替代

      3.css

      element selector body{}
      id selector #menu{}
      class selector .bookTitle{}
      div >p
      special
      img[alt=jiangren]{ 一般不用
      padding:10px;
      }
      伪选择器 psuedo selector
      a:hover{
      color:#fff;
      }

      a:link{ }
      a:visited{}
      a:hover{ transform: rotate(180deg)
      scale:1.5} 鼠标移动上去的效果
      a:active{}

      常见属性值
      px
      em:基于基准字体上级字体大小的多少倍
      pt:
      元素优先级

      • 内元素大于外元素
      • selctor高于元素，univereal selector=attribute selector=pseudo class=0-1-0
        ！这儿有疑问

      盒子模型

      如果两个相邻元素都有margin会合并（以大的那个值为准）