我的前端之路
关注
分享
扫一扫
文章平均质量分 72
爷傲奈我何_m
这个人很能吃，什么也没有留下
展开
-
【前端学习笔记】元素的显示类型
元素显示类型的分类依据CSS的显示块元素块状元素在页面中就是以块的形式显示，所谓块状就是元素显示为矩形区域默认情况下，块状元素都会占据一行；默认情况下，块状元素会按顺序自上而下排列。块状元素都可以定义自己的宽度和高度。块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素。我们可以把这种容器比喻为一个盒子。例如： div p ul li dl dt dd h1-h6行内（内联）元素内联元素的表现形式是始终以行内逐个进行显示；横着排内联元素没有自己的形状原创 2022-01-04 22:13:30 · 498 阅读 · 0 评论 -
【前端学习笔记】溢出属性
溢出属性溢出属性（容器的）说明：overflow : visible / hidden(隐藏) / scroll / auto(自动) / inheritvisible: 默认值，溢出内容会显示在元素之外hidden: 溢出内容隐藏scroll: 滚动auto: 如果有溢出会添加滚动条，没有溢出正常显示inherit: 规定应该从父元素继承overflow属性的值overflow-x: x轴溢出overflow-y: y轴溢出空余空间说明white-space: nor原创 2022-01-03 21:51:57 · 679 阅读 · 0 评论 -
【前端学习笔记】盒子模型
盒子模型图解内边距只设置一个值，4个方向一样padding: 30px;设置两个值，上下， 左右padding: 20px, 30px;3个值，上，左右，下padding: 20px, 30px，40px;四个值：上，右，下，左padding: 20px, 30px，40px, 50px;内边距的特点背景色蔓延到内边距可以设置单一方向padding-top，padding-bottom，padding-left，padding-right*{padding:原创 2022-01-03 20:29:49 · 354 阅读 · 0 评论 -
【前端学习笔记】浮动属性
浮动属性文章目录浮动属性浮动的作用浮动的副作用（清除浮动）解决方法一：写固定高度解决方案二：清除浮动解决方案三：当前浮动元素后面补一个盒子，不设置宽高，clear：both解决方案四：overflow：hidden浮动案例浮动的作用浮动的作用1：定义网页中其他文本如何环绕该元素显示浮动的作用2：就是让竖着的东西横起来个数属性描述说明1floatfloat : left元素靠左边浮动2floatfloat : right元素靠右边浮动3floatf原创 2022-01-03 14:45:53 · 469 阅读 · 0 评论 -
【前端学习笔记】背景属性
背景属性个数属性描述说明1background-color背景颜色background-color : red;2background-image背景图片background-image : url();3background-repeat背景图片的平铺background-repeat: no-repeat/ repeat/ repeat-x/ repeat-y ;4background-position背景图片的定位background原创 2022-01-03 10:21:25 · 71 阅读 · 0 评论 -
【前端学习笔记】列表属性
个数属性描述说明1list-style-type定义列表符合样式list-style-type:disc(实心圆) / circle (空心圆) / square (实心方块) / none (去掉符合)2list-style-image将图片设置为列表符合样式list-style-image: url();3list-style-position设置列表项标记的放置位置list-style-position:outside; 列表的外面 默认值 l...原创 2022-01-02 16:45:11 · 254 阅读 · 0 评论 -
【前端学习笔记】文本属性
【前端学习笔记】文本属性文本属性之文字颜色文本属性之加粗与倾斜文本属性之文本水平对齐和单行文本垂直居中文本属性之间距和首行缩进文本属性之文本修饰线文本属性之文本属性之...原创 2021-12-31 08:54:55 · 210 阅读 · 0 评论 -
【前端学习笔记】CSS之选择器
CSS之选择器元素选择器语法语法：元素名称{属性：属性值;}如：div,p,h1,img…等说明：1. 元素选择符就是以文档语言对象类型作为选择符，即使用结构中元素名称作为选择符。例如：body、div、p、img…等。2. 所有的页面元素都可以作为选择符用法：1. 如果向改变某个元素的默认样式时，可以使用类型选择符；2. 当统一文档的某个元素的显示效果时，可以使用类型代码示例<!DOCTYPE html><html lang="en"><head>原创 2021-12-28 16:39:40 · 302 阅读 · 0 评论 -
【前端学习笔记】CSS样式表
这里写自定义目录标题基本语法CSS样式内部样式表外部样式表link和import之间的区别如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入基本语法每个css样式由两部分组成，即选择符和声明，声明又分为属性和属性值；属性必须放在花括号中，属性与属性值用冒号连接；每条声明用分号结束；但一个属性有多原创 2021-12-28 10:15:37 · 528 阅读 · 0 评论