姜源の云笔记
  • 首页
  • 分类
  • 工具
  • 标签
  • 归档
  • 关于
  • Docsify
  •   

02-HTML5特性

HTML5 草案在 2008年发布,2013年正式发布 HTML5 版本是 HTML5.1。 HTML5 语法 HTML5 新增语义化标签 案例:语义化标签 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636
2017-04-28
04_大前端 > 01_HTML
#HTML #基础 #HTML5

06-HTTPS协议

HTTPS协议工作流程 443 端口 Client发起一个HTTPS(https:/demo.linianhui.dev)的请求,根据 RFC2818 的规定,Client知道需要连接Server的443(默认)端口。 Server把事先配置好的公钥证书(public key certificate)返回给客户端。 Client验证公钥证书:比如是否在有效期内,证书的用途是不是匹
2017-04-28
04_大前端 > 01_HTML
#HTTPS #协议

05-HTTP协议

协议:两个设备进行数据交换的约定。HTTP协议:超文本(字符/音频/视频/图片)传输协议,基于TCP协议。 1. HTTP 请求报文(图)HTTP 请求数据 - 抓包中核心内容:HTTP 请求报文的原始细节: 2. HTTP 响应报文(图)HTTP 响应数据 - 抓包中的核心内容:HTTP 响应报文的原始细节: 3. HTTP 请求-响应执行流程 发起请求(GET
2017-04-28
04_大前端 > 01_HTML
#协议 #HTTP

04-form,frameset,meta

1. form 表单表单元素: type 不同的输入方式 name 用于拼接到链接地址提交到服务器,格式:name1=value1&name2=value2 value 默认值 checked 单选选中 selected 多选选中 1234567891011121314151617181920212223242526272829303132333435<!DO
2017-04-28
04_大前端 > 01_HTML
#框架 #HTML

03-基本标签

1. 结构:html、head、title、meta、body根:<html> </html>头:<head> </head>标题:<title> </title>(在头标签中)元信息:<meta charset="utf8">(在头标签中)主体:<body> </body&
2017-04-28
04_大前端 > 01_HTML
#HTML #标签

00-CSS基础入门

1. 什么是CSSCSS,Cascading Style Sheets 层叠样式表。 即:如何修饰网页信息的显示样式。 目前推荐遵循的是 W3C 发布的 CSS3.0(1998年5月21日W3C推出了CSS2.0),用来表现XHTML或者XML等样式文件的计算机语言。 2. CSS语法 每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值 属性必须放在花括号&#123;&#125;
2017-04-28
04_大前端 > 02_CSS
#CSS #选择器

04-CSS3怪异盒&弹性盒布局

1. 怪异盒模型box-sizing 属性,可以设置标准盒模型或怪异盒模型。子元素样式 content-box,属性值,标准盒模型 border-box, 属性值,怪异盒模型,为元素设定的宽度和高度决定了元素的边框盒。 就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制,通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 示例: 1234567891
2017-04-28
04_大前端 > 02_CSS
#CSS #CSS3 #怪异盒模型 #弹性盒布局

05-移动端&多列布局

1. 分辨率 浏览器中模拟器上显示的分辨率:CSS分辨率(设备的独立像素)。 物理分辨率:设备像素。 设备像素比(dpr) = 物理像素 / CSS像素。 设计稿: css 像素 375?物理像素?750 ,对,(为了更清晰的页面) 设计稿只提供一份 解决方案: 百分比 弹性盒布局 rem布局 - 移动端最常用 2. viewport参考资料:https://juej
2017-04-28
04_大前端 > 02_CSS
#CSS #CSS3 #怪异盒模型 #弹性盒布局

02-CSS3选择器

参考资料: 一套企业级UI设计语言和React组件库:https://gitee.com/ant-design/ant-design 同上:https://ant-design.gitee.io/ 1. CSS3基础CSS3完全向下兼容,网络浏览器也还将继续支持CSS2。 CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果,比如动态和渐变,而且可以很简单的设计处
2017-04-28
04_大前端 > 02_CSS
#CSS #选择器 #CSS3

06-响应式布局

1. 常见布局方案 固定布局:以像素作为页面基本单位,不管设备屏幕及浏览器宽度,只设计一套尺寸。 可切换的固定布局:同样以像素作为页面单位,参考主流设备尺寸,设计几套不同宽度的布局。通过识别的屏幕尺寸或者浏览器宽度,选择最合适的那套宽度布局。 弹性布局:以百分比作为页面基本单位,可以适应一定范围内的所有尺寸的设备屏幕及浏览器宽度,并能完美利用有效空间展现最佳效果。 混合布局:同弹性布局类似,可以
2017-04-28
04_大前端 > 02_CSS
#CSS #CSS3 #响应式布局
…4849505152535455565758…
CSDN GitHub Hexo Fluid
总访问量(PV) 次, 总访客数(UV) 人