CSS属性大全 CSS属性大全文字属性: 字体:font: 10px; 文本字体:font-family: 宋体; 文本字号:font-size: 10px; 文本字体样式:font-style: normal; 文本字体粗细:font-weight: 700; 文本字体行高:line-height: 10px; 内容水平对齐:text-align: center; 文本缩进:text-indent 2022-01-30 前端经验 #前端经验
CSS第五天-定位 CSS第五天-定位 静态定位:static 定位的默认值,写边偏移也不会有效果 相对定位:relative父元素搭配子绝父相使用 根据自身原来的位置,进行定位 没有脱标,在页面还占有位置 天生就是给绝对定位当爹用 绝对定位:absolute 根据最近带有定位(非静态)的祖先元素来定位 子绝父相 脱离标准流,在页面不占有位置 绝对定位,固定定位,浮动,可以直接设置宽度和高度, 2022-01-20 学习笔记-CSS #学习笔记-CSS
CSS第四天-浮动 CSS第四天-浮动 浮动(float): 属性名 效果 float:left 左浮动 float:right 右浮动 让垂直布局的盒子变成水平布局 浮动的元素不能通过text-align:center或者margin:0 auto,让浮动元素本身水平居中 伪元素: ::before 在父元素内容的最前添加一个伪元素 ::after 在父元素内容的最后添加一个伪元素 2022-01-19 学习笔记-CSS #学习笔记-CSS
CSS第二天 CSS第二天 选择器进阶: 选择器 作用 格式 示例 ⭕后代选择器 找后代 选择器之间通过 空格 分隔 .nav .mark { css } 子代选择器 找儿子 选择器之间通过 > 分隔 .nav > .mark { css } ⭕并集选择器 找到多类元素 选择器之间通过 ,分隔 div,p,span { css } 交集选择器 找同时满足多个选择器的元素 选择器 2022-01-18 💘学习笔记-CSS #💘学习笔记-CSS
CSS第三天 1️⃣盒子模型:盒子模型部分组成分别如下: 内容区域:content 边框区域:border 内边距区域:padding 外边距区域:margin 内容的宽度和高度:利用 width 和 height 属性设置盒子内容区域的大小 2️⃣边框(border)- 单个属性:给设置边框粗细、边框样式、边框颜色效果 作用 属性名 属性值 边框粗细 border-width 数字+px 2022-01-18 💘学习笔记-CSS #💘学习笔记-CSS
CSS第一天 CSS第一天 前言:CSS介绍: CSS:层叠样式表(Cascading style sheets) 作用:给页面中的HTML标签设置样式 结构:HTML(决定了身体) 表现:CSS(决定了样式美观) 行为:JavaScript(决定了交互的动态效果) css写在style标签中,style标签一般写在head标签里面,title标签下面 CSS 标点符号都是英文状态下的 每一个样式键值对写完 2022-01-17 💘学习笔记-CSS #💘学习笔记-CSS
HTML第二天 HTML第二天 1️⃣列表标签无序列表–ul (常用) ul:表示无序列表的整体,用于包囊 li 标签 ul 标签中只允许包含 li 标签,默认显示圆点 有序列表–ol (偶尔用) ol:表示有序列表的整体,列表的每一项前默认显示序号标识 ol:标签中只允许包含 li 标签 自定义列表–dl-dt-dd (底部导航用) dl 标签:表示自定义列表的整体 dl 标签中只允许包含dt/ 2022-01-16 💘学习笔记-HTML #💘学习笔记-HTML
HTML第一天 HTML第一天Web标准: 结构HTML 样式CSS 行为JavaScript 注释: 快捷键ctrl+/ 为代码添加的具有解释性、描述性的信息,主要用来帮助开发人员理解代码 标签的分类: 双标签:例如:p h strong 单标签:例如:img br hr 标签的关系: 1、嵌套关系(父子) 2、并列关系(兄弟) 1、标题标签 h1~h6 独占 2022-01-15 💘学习笔记-HTML #💘学习笔记-HTML
「学习笔记」JavaScript基础 「学习笔记」JavaScript基础「学习笔记」JavaScript基础 前言最近一直在跟着黑马学习JavaScript,整理成笔记,巩固所学知识,同时也会参考一些博客,查漏补缺,给自己充充电🔋🔋 文章内容如有错误,欢迎指正批评✔️✔️ 工欲善其事,必先利其器,为了提高开发效率,选用VScode。 管理-设置-常用设置-字体 Consolas, ‘微软雅黑 Light’, monospa 2022-01-05 前端经验 #前端经验
HTML与CSS进阶 HTML与CSS进阶本文主要介绍H5新增内容以及CSS3中的新特性。在H5方面主要介绍拓展了哪些内容,CSS3方面介绍动画及转换。 H5新增内容「1. 什么是HTML5」 定义:HTML5定义了HTML标准的最新版本,是对HTML的第五次重大修改,号称下一代的HTML。 两个概念: 是一个新版本的HTML语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指:HTML5、C 2022-01-03 前端经验 #前端经验