随笔分类 - HTML+CSS
摘要:空间:是从坐标轴角度定义的 X 、Y 和 Z 三条坐标轴构成了一个立体空间,Z 轴位置与视线方向相同。 l 空间转换也叫 3D转换 l 属性:transform 。 属性 l 取值(正负均可) u 像素单位数值 u 百分比(参照盒子自身尺寸计算结果) l 提示 l 默认情况下,Z 轴平移没有效果 空
阅读全文
摘要:平面转换 平面转换 transform,作用:为元素添加动态效果,一般与过渡配合使用 ⚫ 概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜) ⚫ 平面转换又叫 2D 转换 。 属性 ⚫ 取值 ◆ 像素单位数值 ◆ 百分比(参照盒子自身尺寸计算结果) ◆ 正负均可 ⚫ 技巧 ◆ translate
阅读全文
摘要:完成小兔鲜儿商城界面 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale
阅读全文
摘要:昨天完成了一个小练习,将之前学习的内容都整合到一起了。 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-wid
阅读全文
摘要:标准流 标准流也叫文档流,指的是标签在页面中默认的排布规则,例如:块元素独占一行,行内元素可以一行显示多个。 浮动(了解) 作用:让块元素水平排列。 属性名:float 属性值 • left:左对齐 • right:右对齐 特点: • 浮动后的盒子顶对齐 • 浮动后的盒子具备行内块特点 • 浮动后的
阅读全文
摘要:结构伪类选择器 作用:根据元素的结构关系查找元素。:nth-child(公式) 作用:根据元素的结构关系查找多个元素。 1 li:first-child { 2 background-color: green; 3 } 伪元素选择器 作用:创建虚拟元素(伪元素),用来摆放装饰性的内容。注意点: •
阅读全文
摘要:今日学习了CSS样式中的其他东西。 复合选择器 定义:由两个或多个基础选择器,通过不同的方式组合而成。 作用:更准确、更高效的选择目标元素(标签)。 后代选择器 后代选择器:选中某元素的后代元素。 选择器写法:父选择器 子选择器 { CSS 属性},父子选择器之间用空格隔开。 <style> div
阅读全文
摘要:今天开始学了CSS,CSS叫做-层叠样式表。主要是来美化界面的。今日学习内容有 1.CSS的引入方式,CSS的引入方式有三种 内部样式表:学习使用 CSS 代码写在 style 标签里面 l 外部样式表:开发使用 l CSS 代码写在单独的 CSS 文件中(.css)在 HTML 使用 link 标
阅读全文
摘要:跟着视频完成第二天的综合案例,分别为新闻界面和注册案例 新闻界面代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=devic
阅读全文
摘要:今天下午学习了列表,表格和表单。 列表: 列表分为无序列表,有序列表,定义列表。无序列表没有加样式,界面显示出来前面都是一个点,有序列表显示是带有数字1,2,3的列表,而定义列表,可以给出列表的标题和内容。一般来说,我们用到无序列表多,也是重点。 无序列表格式:父标签<ul><li></li></u
阅读全文
摘要:今日正式开始学习前端,学习内容有 1.标签的写法:标签分为单标签和双标签,其中他们都是由尖括号组成<>,例如:加粗标签<strong></strong>,倾斜标签<em></em>,下划线标签<ins></ins>,删除线标签<del></del>。 2.HTML的基本骨架:HTML主要由<HTML
阅读全文