【前端26】盒子模型简单介绍
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 盒子模型 & 盒模型 box model的翻译 盒子模型是一个CSS基础渲染标准,旨在为网页设计时添加布局渲染一个元素应该放...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 盒子模型 & 盒模型 box model的翻译 盒子模型是一个CSS基础渲染标准,旨在为网页设计时添加布局渲染一个元素应该放...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 文档流 normal flow 我们所看到的网页其实是一层叠着一层的,这一点在之前的博文中也有讲过,我们用户看到的是最外面的部分其...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 正文 上篇讲了长度单位,这次讲一下经常使用的颜色单位 颜色在生活中并不罕见,生活处处有颜色,处处都是多姿多彩的。也有一些带有警告意味的...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 长度单位 像素 px; 像素这个词我们现在听起来可能并不陌生做图片、贴图什么的都需要有像素的存在,可以说我们的整个屏幕都是由一个又一个...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 名称 优先级(好记版) 优先级(标准版) 内联样式 1000 1,0,0,0 ID选择器 #id{} 100 0,1,...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 ps:(好抽象的玩意 继承 像现实中儿子继承父亲财产一样,子标签也会继承父标签的一些相关样式[1]在web中你也可以通过定义父标签来...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 超链接的伪类超链接的伪类是针对a标签的伪类,一般有以下几个 a:link a:visited a:hover a:active 在...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 属性选择器属性选择器是选择属性将其改变的选择器,我们先前最常用的就是class和id选择器了,不过这次我们不讲这两个,讲一个新的—ti...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 复合选择器复合选择器说白了其实就是一个套着一个,多重使用,但它复合的条件以下标签必须全部满足,下面举例说明 12<div cla...
前言 本文基于尚硅谷Web前端基础教程发布,你也可以理解成这是一篇尚硅谷教程笔记,当然这里也有我的一些经验总结 基本语法首先讲一下CSS的基本语法中的注释,之前也讲过注释的作用是方便维护或解释代码,符号为/*结束符号是*/注释中的内容会被浏览器忽...