前端0基础学习相关
关注
分享
扫一扫
文章平均质量分 77
前端从小白开始的系统学习
江湖上的程序员
好好学习，天天向上
展开
-
10 浮动float
目标记忆 能够说出CSS布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1. 浮动1.1 CSS布局的三种机制1.1.1 普通流（标准流）1.1.2 浮动1.1.3 定位1.2 为什么要浮动？1.3 什么是浮动？float1.3.1 浮动口诀之“浮”1.3.2 浮动口诀之“漏”1.3.3 浮动口诀之“特原创 2020-11-24 17:06:08 · 607 阅读 · 0 评论 -
9 盒子模型（CSS重点）
CSS学习的三大重点：CSS盒子模型、浮动、定位目标理解： 能说出盒子模型有哪四部分组成 能说出内边距的作用以及对盒子的影响 能说出padding设置不同数值个数分别代表的意思 能说出块级盒子居中对齐需要的2个条件 能说出外边距合并的解决办法 应用： 能利用边框复合写法给元素添加边框 能计算盒子的实际大小 能利用盒子模型布局模块案例 1. 看透网页布局的本质2. 盒子模型 Box Model3. 盒子边框 border3.1 盒子边框写法...原创 2020-11-04 17:28:48 · 902 阅读 · 0 评论 -
8 CSS复合选择器
1.CSS复合选择器目标理解 理解CSS复合选择器分别的应用场景 应用 使用后代选择器给元素添加样式 使用并集选择器给元素添加样式 使用伪类选择器 为什么要学习CSS复合选择器CSS选择器分为 基础选择器 和 复合选择器，但是基础选择器不能满足我们实际开发中，快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的1.1 后代选择器（重点）概念： 后代选择器又称为包含选择器 作用：原创 2020-11-02 17:22:50 · 305 阅读 · 0 评论 -
7 CSS字体样式属性
目标应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 使用常用的emment语法 能够使用开发人员工具代码调试 1. font字体1.1 font-size：字体大小1.2 font-family 字体CSS Unicode字体1.3 font-weight 字体粗细1.4 font-style 字体风格1.5 font：综合设置字体样式（重点）1.6 font总结2. CSS外观属性2.1 color：文本颜色2.原创 2020-10-30 10:45:41 · 2164 阅读 · 0 评论 -
6 CSS基础选择器
css选择器（重点）学习目标理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 学习目标选择器的作用（重点）CSS基础选择器1.标签选择器2.类选择器3.类选择器特殊用法-多类名4.id选择器id选择器和类选择器的区别：5.通配符选择器6.基础选择器总结团队约定选择器的作用（重点）找到特定的HTML页面元素 选择器分为基础选择器和复合选择器CSS基础选择器1.标签选择器概念：原创 2020-10-30 10:43:00 · 261 阅读 · 0 评论 -
5 CSS初识
CSS层叠样式表学习目标理解 css的目的作用 css的三种引入方式 应用 css三种方式的书写 通过样式规则给标签添加简单的样式 学习目标CSS初识引入CSS样式表（书写位置）1.行内式（内联样式）2.内部样式表（内嵌样式表）3.外部样式表（外链式）三种css样式表总结（位置）团队约定-代码风格团队约定-代码大小写CSS初识概念： css（Cascading Style Sheets），通常称为css样式表或层叠样式表（级联样式表）原创 2020-10-30 10:40:58 · 331 阅读 · 0 评论 -
4 列表和表单
列表标签（重点） 无序列表 ul li （重点） <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的 <li>与</li>之间相当于一个容器，可以容纳所有元素。 无序列表会带有自己的样式属性，放下那个样式，一会儿让CSS来！ 有序列表 ol li （了解） 自定义列表 dl dt dd (理解) 自定义列表常用于对术语或名词进原创 2020-10-30 10:39:22 · 136 阅读 · 0 评论 -
3 表格
表格table表格是一种常用的标签，但不是用来布局，常用来 显示、展示表格式数据。因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要。一个清爽简约的表格能够吧繁杂的数据表现得很有调理，虽然div布局也可以做到，但是总没有表格来的方便。 创建表格 创建表格的基本语法：<table> <tr> <td>表格内的文字</td> <td>表格内的文字</td> <t原创 2020-10-30 10:36:53 · 242 阅读 · 0 评论 -
2 初识HTML
HTML指的是超文本标记语言 HTML不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 （mark tag） 常用的快捷键 生成页面骨架的两种快捷方式 html：5 然后按tab键 ！ 然后按tab键 文档类型 DOCTYPE <!DOCTYPE html>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML（快捷键 html：5 tab键）或者XHTML（html：xt tab键）规范...原创 2020-10-30 10:31:58 · 147 阅读 · 0 评论 -
1 浏览器
浏览器相关浏览器 浏览器是页面显示、运行的平台，常用的浏览器有IE、火狐（FireFox）、谷歌（Chrome）、Safari和Opera等。 查看浏览器战友的市场份额 http://tongji.baidu.com/data/browser 常见浏览器内核 （了解） 浏览器内核的作用：负责读取网页内容，整理讯息，计算页面的显示方式并显示页面。 因为浏览器太多啦，但是现在主要流行的就是下面几个： 浏览器 内核 备.原创 2020-10-30 10:28:14 · 306 阅读 · 0 评论