Html(5)+css(3)个人学习笔记（复习些模糊点）

最新推荐文章于 2023-03-02 11:29:14 发布

星流华

最新推荐文章于 2023-03-02 11:29:14 发布

阅读量427

点赞数

分类专栏：前端学习文章标签： html css

本文链接：https://blog.csdn.net/weixin_40509127/article/details/90897362

版权

学习目标
HTML
1.从规范的角度理解HTML，从分类和语义的角度使用标签
2.常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼容问题的方式
3.元信息类标签(head、title、meta)的使用目的和配置方法
4.HTML5离线缓存原理
5.可以使用Canvas API、SVG等绘制高性能的动画

CSS
1.CSS盒模型，在不同浏览器的差异
2.CSS所有选择器及其优先级、使用场景，哪些可以继承，如何运用at规则
3.CSS伪类和伪元素有哪些，它们的区别和实际应用
4.HTML文档流的排版规则，CSS几种定位的规则、定位参照物、对文档流的影响，如何选择最好的定位方式，雪碧图实现原理
5.水平垂直居中的方案、可以实现6种以上并对比它们的优缺点
6.BFC实现原理，可以解决的问题，如何创建BFC
7.可使用CSS函数复用代码，实现特殊效果
8.PostCSS、Sass、Less的异同，以及使用配置，至少掌握一种
9.CSS模块化方案、如何配置按需加载、如何防止CSS阻塞渲染
10.熟练使用CSS实现常见动画，如渐变、移动、旋转、缩放等等
11.CSS浏览器兼容性写法，了解不同API在不同浏览器下的兼容性情况
12.掌握一套完整的响应式布局方案

简单笔记
1.标签分类：
根元素:<html>
文档元数据:<link>、<meta>、<style>、<style>
内容分区:<header>、<nav>、 <section>、<aside> 、<footer> 、<h1>~<h6> 、<article> 、<address>、<hgroup>
文本内容:<main>、<div>、<p>、<pre>、<ol>、 <ul>、<li>、<dl> 、<dt>、<dd>、<figure> 、<figcaption>、<blockquote> 、<hr>
内联文本语义:<span>、<a>、<strong>、<em>、<q>、<br>、<mark>、<code>、<abbr>、<b>、<bdi>、<bdo>、<sub>、<sup>、<time>、<i>、<u>、<cite>、<data>、<kbd>、<nobr>、<s>、<samp>、<tt>、<var>、<wbr>、<rp>、<rt>、<rtc>、<ruby>
图片和多媒体:<img><audio> <video><track><map><area>
内嵌内容:<iframe>、<embed>、<object> 、<param>、<picture>、<source>
脚本:<canvas>、<noscript>、<script>
编辑标识:<del>、<ins>
表格内容:<table>、<caption>、<thead>、<tbody>、<tfoot>、<tr>、、<col><colgroup>、<th>、<td>
表单:<form> 、<input>、<textarea>

最低0.47元/天解锁文章

星流华

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Html(5)+css(3)个人学习笔记（复习些模糊点）

HTML1.从规范的角度理解HTML，从分类和语义的角度使用标签2.常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼容问题的方式3.元信息类标签(head、title、meta)的使用目的和配置方法4.HTML5离线缓存原理5.可以使用Canvas API、SVG等绘制高性能的动画CSS1.CSS盒模型，在不同浏览器的差异2.CSS所有选择器及其优先级、使用场景，哪...
复制链接

扫一扫