![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发基础
整理了一些前端基础部分的笔记,包括html和css
m0_46647964
这个作者很懒,什么都没留下…
展开
-
css的基本使用-05-盒子模型
盒子模型(CSS重点) css学习三大重点: css 盒子模型 、 浮动 、 定位 主题思路: 1.网页布局的本质 首先利用CSS设置好盒子的大小,然后摆放盒子的位置。 最后把网页元素比如文字图片等等,放入盒子里面。 2. 盒子模型(Box Model) 所谓盒子模型: 就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个装内容的容器。 盒子模型有元素的内容、边...原创 2020-04-06 11:38:06 · 200 阅读 · 0 评论 -
css的基本使用-04
1. CSS复合选择器 CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。 目的是为了可以选择更准确更精细的目标元素标签。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 1.1 后代选择器 概念: 又称为包含选择器 作用: 用来选择元素或元素组的子孙后代 语法 父级 子级{属性:属性值;属性:属性值;} ...原创 2020-04-06 10:57:08 · 81 阅读 · 0 评论 -
css的基本使用-03
CSS字体样式属性 1.font字体 1.1 font-size:大小 作用: font-size属性用于设置字号 p { font-size:20px; } 单位: 可以使用相对长度单位,也可以使用绝对长度单位。 相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。 注: 单位常用px 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的...原创 2020-04-05 18:28:59 · 97 阅读 · 0 评论 -
css的基本使用-02
CSS选择器 1. CSS选择器作用 选择指定的HTML页面元素 例如,下面这段代码,它做了两件事,把 h3选出来, 然后把它设置成红色。 h3 { color: red; } 选择器分为基础选择器和 复合选择器 2. CSS基础选择器 2.1 标签选择器 概念: 标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。...原创 2020-04-05 17:59:38 · 145 阅读 · 0 评论 -
css的基本使用-01
CSS层叠样式表 1.CSS 概念: CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表) 作用: 主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。 CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同...原创 2020-04-05 17:42:56 · 109 阅读 · 0 评论