随笔分类 -  Web前端基础学习

上一页 1 2
零基础到进阶
Web前端学习—基础篇(16)_如何给设置背景图
摘要：#前端学习——基础篇 ##四、CSS学习 4.6、背景 作用在内容、内填充、边框 4.6.1、背景颜色 background-color属性 默认背景颜色透明色transparent 属性值可以是：关键词、十六进制色值、rgb颜色模式、rgba颜色模式 4.6.2、背景图片 background-i 阅读全文
posted @ 2021-03-14 16:07 泰初 阅读(3702) 评论(0) 推荐(0)
Web前端学习—基础篇(15)_如何解决margin值叠加的问题
摘要：#前端学习——基础篇 ##四、CSS学习 ###4.5盒模型 4.5.3、margin值的塌陷问题 4.5.3.1、并列关系的外间距塌陷问题 **现象：**并列关系的、垂直方向相邻的两个margin外间距相遇，会出现叠加现象。两个值相同，取当前值；两个值不同，取较大值 原因：并列关系的两个元素共用一 阅读全文
posted @ 2021-03-14 15:57 泰初 阅读(158) 评论(0) 推荐(0)
Web前端学习—基础篇(14)_什么是盒模型、盒模型包括哪些内容、盒模型相关属性都有哪些
摘要：#前端学习——基础篇 ##四、CSS学习 4.5、盒模型 4.5.1、什么是盒模型？ ​ 也称框模型，在页面布局中，页面元素合理有效地组织在一起，形成一套完整的、行之有效的规则、规范。 包含： ​ 内容content、内填充padding、border边框、外间距margin几个要素 标准盒模型的计 阅读全文
posted @ 2021-03-14 15:53 泰初 阅读(547) 评论(0) 推荐(0)
Web前端学习—基础篇(13)_基线、底线、中线、顶线、行高、行距分别指什么
摘要：#前端学习——基础篇 ##四、CSS学习 ###4.4、CSS常用样式 4.4.2、理解CSS中的行高与基线 划分：粉色为顶线，蓝色为中线，绿色为基线，红色为底线 ​ 顶线：中文汉字的的上端沿； ​ 中线：横过英文字母x的中间的线； ​ 基线：基线（base line）并不是汉字文字的下端沿，而是英 阅读全文
posted @ 2021-03-14 15:36 泰初 阅读(2498) 评论(0) 推荐(1)
Web前端学习—基础篇(12)_CSS常用样式、文本文字属性、文本属性
摘要：#前端学习——基础篇 ##四、CSS学习 4.4、css常用样式 4.4.1、文本文字属性 4.4.1.1、文字属性 photoshop中，窗口菜单--字符，打开字符面板 font-family属性 字体 如果字体是中文字体或字体中包含空格，则字体名称必须加引号 可以将多个字体名称作为一个回退系统， 阅读全文
posted @ 2021-03-14 15:23 泰初 阅读(383) 评论(0) 推荐(0)
Web前端学习—基础篇(11)_CSS的选择器有哪些、怎么区分、用法都是什么
摘要：#前端学习基础篇 ##四、CSS学习 4.3、选择器 选择器之基础选择器 4.3.1、通配符选择器 * 单独使用，表示匹配所有元素 4.3.2、标签选择器——元素选择器 用标签名作为选择器 结构中：<标签名></标签名> 样式中：标签名{ 声明语句 } 4.3.3、class选择器——类选择器 使用 阅读全文
posted @ 2021-03-14 15:17 泰初 阅读(456) 评论(0) 推荐(0)
Web前端学习—基础篇(10)_CSS的语法、CSS的三大引入方式分别是什么、样式优先级
摘要：#前端学习——基础篇 四、CSS 学习 ​ CSS即层叠样式表(cascading style sheets) ​ 用于美化web页面的外观 4.1、css语法 组成 选择器{ 属性名1: 属性值; 属性名2: 属性值; } 声明语句1 ; 声明语句2 css注释 /* css注释内容 */ 4.2 阅读全文
posted @ 2021-03-14 15:12 泰初 阅读(142) 评论(0) 推荐(0)
Web前端学习—基础篇(9)_什么是HTML语义化、HTML语义化的优点是什么
摘要：#前端学习——基础篇 ##三、HTML学习 12、HTML语义化 12.1、什么是HTML语义化 ​ 根据页面内容结构，选择合适的标签。 如，标题用h1~h6，段落用p标签 12.2、语义化的优点 在没有css的情况下，页面也能呈现出较好的内容结构 语义化有利于用户体验，便于开发者阅读和写出更优雅的 阅读全文
posted @ 2021-03-14 15:05 泰初 阅读(202) 评论(0) 推荐(0)
Web前端学习—基础篇(8)_表格的语法和样式有哪些、table如何实现跨行和跨列合并
摘要：#前端学习——基础篇 ##三、HTML学习 11、表格 用途： ​ 早期 使用表格搭建页面 ​ 现在 用来显示表格数据 语法 1、基础语法 <table border="1"><!-- 表格容器，用来定义表格 --> <tr><!-- 表格中的行，必须嵌套在table标签内 --> <th>表头单元 阅读全文
posted @ 2021-03-14 15:00 泰初 阅读(757) 评论(0) 推荐(0)
Web前端学习—基础篇(7)_列表标签的划分、语法、特性
摘要：#前端学习——基础篇 ##三、HTML学习 10、列表——块级标签 10.1、无序列表 语法 <ul><!-- 列表容器 --> <li>列表项</li> <li>列表项</li> <li>列表项</li> </ul> ​ 各列表项 li 之间没有次序、级别之分，相互之间并列关系，在每个列表项中默认 阅读全文
posted @ 2021-03-14 14:56 泰初 阅读(324) 评论(0) 推荐(0)
Web前端学习—基础篇(6)_行块级标签img的特性、HTML怎么实现换行和水平分割、HTML中常用的特殊字符用什么表示
摘要：#前端学习——基础篇 ##三、HTML学习 ###7、常用标签 7.3、行块级标签 7.3.1、img标签：图片标签 语法 <img src="图片地址" alt="替换文本" title="鼠标悬停的提示信息" width="" height=""> <!--width属性 元素的宽度 heigh 阅读全文
posted @ 2021-03-14 14:48 泰初 阅读(351) 评论(0) 推荐(0)
Web前端学习—基础篇(5)_常用行级标签有哪些
摘要：#前端学习——基础篇 ##三、HTML学习 ###7、常用标签 7.2、行级标签 ​ 文本格式化标签 7.2.1、span标签 ​ 无语义标签 万能标签 用来区分样式 <span>[内容]</span> 样例： <div> 在创作出风靡全球的艺术绘本<span>《鲍勃是个艺术家》、《鲍勃的蓝色忧郁期 阅读全文
posted @ 2021-03-14 14:39 泰初 阅读(479) 评论(0) 推荐(0)
Web前端学习—基础篇(4)_常用块级标签有哪些
摘要：#前端学习基础篇 ##三、HTML学习 7、常用标签 7.1、块级标签 7.1.1、 div标签 ​ 无语义标签 盒子 语法： <div>[内容]</div> 样例： <div>hello world</div> 特性： 宽度默认撑满整个父元素 高度默认由内容撑开 独立成行——垂直布局 7.1.2 阅读全文
posted @ 2021-03-14 14:37 泰初 阅读(536) 评论(0) 推荐(0)
Web前端学习—基础篇(3)_什么是HTML以及HTML的基本结构
摘要：#前端学习——基础篇 三、HTML学习 1、Web标准规定的网页技术三层分离结构 ​ (1)HTML ​ 结构层 ​ 超文本标记语言(HyperText Markup Lanuage) ​ 描述网页的语义 ​ (2)CSS ​ 样式/表现层 ​ 层叠样式表(Cascading Style Sheet 阅读全文
posted @ 2021-03-14 14:32 泰初 阅读(192) 评论(0) 推荐(0)
Web前端学习—基础篇(2)_主流浏览器及其内核有哪些
摘要：#前端学习——基础篇 二、了解主流浏览器及其内核 1、Chrome浏览器（谷歌浏览器） ​ 由google公司开发设计。 ​ 浏览器内核（这里指的是渲染引擎）：webkit(早期)、blink(现在) 2、IE浏览器 ​ IE浏览器即Internet Explorer，1995年8月16日首次亮相， 阅读全文
posted @ 2021-03-14 14:24 泰初 阅读(427) 评论(0) 推荐(0)
Web前端学习—基础篇(1)_开发工具VS Code简介
摘要：前端学习——基础篇 一、准备开发工具——VS Code 1、什么是vscode 微软开发 轻量级的 功能强大的 源代码编辑器 跨平台（Windows、MacOS、Linux） 2、常用插件 中文 chinese 插件安装完成后重启 在浏览器打开 open in browser 查看Markdown文 阅读全文
posted @ 2021-03-14 14:20 泰初 阅读(371) 评论(0) 推荐(0)

上一页 1 2