关注
分享
HTML和CSS是前端的根基。大学期间在WEB课程有专门学习知识，这次重新整理学习，主要来源于网络视频、课本、博客的知识点再整理。方便自己，方便大家理解
夏草v
前端工程师
展开
-
网页布局流程总结-关键样式识记
目录前期准备 注意事项页面框架准备和命名参考--新浪参考--淘宝网重点标签识记前期准备1.观察结构 划分区域布局方式利用div划分标准流与浮动流，对图片字体进行划分如下如下 注意事项1.早早判断哪些图当背景（css-background），哪些直接插入图片（img）2. nav 头部导航使用di...原创 2018-08-30 14:43:43 · 716 阅读 · 1 评论 -
CSS布局-企业开发技巧总结（1）css入门以及基本属性
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程 笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040目录css的基本格式css的文字属性CSS的颜色属性 css的入门大纲1.格式:<style type="text/css...原创 2018-08-25 22:48:06 · 274 阅读 · 0 评论 -
CSS布局-企业开发技巧总结（2）css选择器
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040/*标签选择器*/ p{color: red;}/*id选择器*/ #identity1{color: red;} #ide...原创 2018-08-25 23:31:40 · 234 阅读 · 0 评论 -
CSS布局-企业开发技巧总结（3）CSS三大特性/显示模式/背景切图
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040目录CSS三大特性之继承性CSS三大特性之层叠性CSS三大特性之优先级div和span标签CSS元素的显示模式CSS元素显示模式转换...原创 2018-08-26 14:33:51 · 491 阅读 · 0 评论 -
CSS布局-企业开发技巧总结（4）盒子模型与浮动/清除浮动
部分摘自来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040目录边框属性内边距属性外边距属性外边距合并现象 盒子box-sizing属性盒子居中和内容居中/清空默认边距清空默认边距...原创 2018-08-26 15:45:59 · 1230 阅读 · 0 评论 -
CSS布局-企业开发技巧总结（5）定位/过渡动画
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程https://study.163.com/course/courseLearn.htm?courseId=1003864040 定位流1.定位流分类1.1相对定位1.2绝对定位1.3固定定位1.4静态定位2.什么是相对定位?相对定位就是相对于自己以前在标准流中...原创 2018-08-28 20:11:43 · 398 阅读 · 0 评论 -
CSS布局-企业开发技巧总结（6）动画/2D/3D/背景
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程https://study.163.com/course/courseLearn.htm?courseId=1003864040 动画模块动画模块的组成@keyframes 规则 animation以上两个组件基本完成css3的所有动画 其中@keyframe...原创 2018-08-29 10:41:17 · 293 阅读 · 0 评论 -
CSS盒子模型的小知识
部分摘自极客江南链接：https://www.jianshu.com/p/34b6b5446a12來源：简书 控制台的盒子1.盒子的组成盒模型宽度和高度 内容的宽度和高度 就是通过width/height属性设置的宽度和高度 元素的宽度和高度 宽度 = 左边框 + 左内边距 + width + 右内边距 + 右边框高度 同理可证规律...原创 2018-08-25 15:32:52 · 196 阅读 · 0 评论 -
CSS3 选择器
CSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="f...转载 2018-08-23 15:02:46 · 143 阅读 · 0 评论 -
CSS所有属性分类（快速查找）
css的属性分类目录css的属性分类动画属性分类 CSS3 动画属性（Animation） 2D/3D 转换属性（Transform） 过渡属性（Transition） Box 属性 Marquee 属性 尺寸/位置-- CSS 尺寸属性（Dimension） CSS 外边距属性（Margin） CSS 内边距属性（Padding）...原创 2018-08-23 14:45:47 · 4937 阅读 · 1 评论 -
CSS基础-CSS显示模式
Div和Span标签什么是div? 作用: 一般用于配合css完成网页的基本布局<style> .header{ width: 980px; height: 100px; background: red; margin: auto; ma...转载 2018-08-23 15:00:52 · 157 阅读 · 0 评论 -
HTML之-a标签-框架-图片标签-音视频-列表-表格-待选项
前端再学习（1）html遗忘知识复习 第一次学习html是2016年3月份，到现在2018年7月，虽然中间做各种项目，用了狠毒哟，但很多使用时都要查文档，时不时百度，有些冷门但很重要的。这一阶段主要整理 遗忘知识点、冷门知识点。a标签的四种状态设置，以及target属性 &amp;amp;amp;lt;style&amp;amp;amp;gt; a:link {color: #FF0000} ...转载 2018-07-06 18:24:16 · 622 阅读 · 0 评论 -
HTML5 浏览器支持
HTML5 浏览器支持 你可以让一些较早的浏览器（不支持HTML5）支持 HTML5。- HTML5 浏览器支持现代的浏览器都支持 HTML5。此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。正因为如此，你可以 “教会” 浏览器处理 “未知” 的 HTML 元素。甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 ...原创 2018-07-08 15:24:11 · 296 阅读 · 0 评论 -
HTML之 28个你必用HTML5的新特性，技巧以及技术TML
总结一下：1. 新的Doctype尽管使用&lt;!DOCTYPE html&gt;，即使浏览器不懂这句话也会按照标准模式去渲染2. Figure元素用&lt;figure&gt;和&lt;figcaption&gt;来语义化地表示带标题的图片&lt;figure&gt;&lt;img src="path/to/imag转载 2018-07-08 16:54:21 · 460 阅读 · 0 评论 -
网页知识入门-浏览器和网页生成
本文主要介绍目录浏览器服务器用户访问网站原理及流程描述从浏览器打开http://www.baidu.com地址回车发送请求到看到页面的过程（面试题）DNS解析TCP三次握手原理HTTP请求报文响应报文网页资源大规模网站集群架构细节tcp的四次挥手部分摘自 https://www.jianshu.com/p/f6da3875834b ...原创 2018-08-22 18:53:04 · 710 阅读 · 0 评论 -
HTTP学习（一）网络分层与HTTP协议
部分摘自 http://www.ruanyifeng.com/blog/2012/06/ 阮一峰博客什么是HTTP协议百度百科解释为 超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。1960年美国人...转载 2018-07-23 11:45:15 · 3254 阅读 · 0 评论 -
HTTP学习（二）HTTP 协议的历史演变和设计思路
作者： 阮一峰日期： 2016年8月19日HTTP 协议是互联网的基础协议，也是网页开发的必备知识，最新版本 HTTP/2 更是让它成为技术热点。本文介绍 HTTP 协议的历史演变和设计思路。一、HTTP/0.9HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包（packet）传输，主要规定了客户端和服务器之间的通信格式，默认使用80端口。最早版本是1...转载 2018-07-23 11:56:13 · 144 阅读 · 0 评论 -
HTTP学习（三）什么是HTTP协议，HTTP详解
版权声明：本文为小平果原创文章，转载请注明：http://blog.csdn.net/i10630226一、什么是HTTP协议 HTTP是hypertext transfer protocol（超文本传输协议）的简写，它是TCP/IP协议的一个应用层协议，用于定义WEB浏览器与WEB服务器之间交换数据的过程。客户端连上web服务器后，若想获得web服务器中的某个web资源，需遵守一定的通...转载 2018-07-23 13:07:00 · 355 阅读 · 0 评论