- 博客(19)
- 收藏
- 关注
RSS订阅原创 今日复习内容
最大最小宽高Width: 固定值，如果浏览器窗口小于固定值将会出现左右滚动条Max-width：如果浏览器窗口小于给定值不会出现滚动条，浏览器大于给定值时只显示给定值的宽度Min-width：如果浏览器的窗口大于给定值则按照浏览器的窗口的宽度去显示，如果浏览器的宽度小于给定值则按照给定值去显示会出现滚动条Height：固定值，如果内容多将会溢出Max-height：如果里边没有内容，不显示相当于高度为0；如果里边有内容将会显示内容的高度，如果内容比较多超过给定值的高度时会溢出Min-h
2021-08-04 21:52:29
36
原创 今日复习内容
表单作用：收集用户信息表单的组成：表单域form 表单控件input 提示信息label表单域form属性及属性值<form action="" method="" name="" target=""></form>表单名称 name表单的提交方式方法method=”get默认/post”【get与post的区别】Get:从服务器上获取数据，会将用户名密码放置在地址栏，安全性低 ，效率高，用于数据查询Post：向服务器上传数据，安全性高，效率低...
2021-08-03 21:28:28
49
原创 今日学习内容
隐藏背面Backface-visibility:hidden;关键帧动画创建关键帧动画方式一：@keyframes 动画名{From{初始状态} 此项可以省略To{结束状态}}方式二：@keyframes 动画名{0%{初始状态} 此项可以省略50%{状态一}70%{状态二}....100%{最终状态}}引入关键帧动画 animation：动画名称 时间 执行次数（默认1次 infinite 无限次循环）运动形式（ease默认 ...
2021-08-02 22:23:39
33
原创 今日学习内容
网格布局设置成网格 display：grid、inline-grid设置列数和列宽 grid-template-columns：repeat（列数，宽度）；设置行数和行高 grid-template-rows：repeat(行数，行高)；划分区域 grid-template-areas：有几行就写几对引号 引号里边用名字代替区域设置行和列的空隙 grid-gap制定那个区域属于那个元素（给子元素写）grid-area：名字（区域划分的名字）单元格在整个父元素中的的对齐方式plac.
2021-08-01 18:20:45
41
原创 今日学习内容
选择器基本选择器通配符选择器 标签选择器 id选择器 class选择器 群组选择器关系选择器后代选择器 空格子代选择器 大于号相邻兄弟选择器 加号 只向下边查找和自己相邻的第一个兄弟通用选择器 波浪线 只向下边查找所有的这类兄弟动态伪类选择器：link ：visited ：hover ：active ：focus 获取焦点目标伪类选择器：target 指超链接锚点id所在的元素语言伪类选择器（了解）Q：lang（no）{quotes...
2021-07-30 19:21:09
30
原创 今日学习内容
布局圣杯布局 上下固定中间自动 双飞翼布局 左右固定 中间自动 响应式布局 根据用户的行为或浏览器窗口或者设备型号的不同而改变新的布局排版 固定布局 有固定的尺寸，当浏览器窗口缩小时以滚动条形式去显示 百分比布局（弹性布局）：左右固定的中间自动 等比缩放布局（rem布局）：能够随着变大而变大，缩小而缩小名称解释屏幕尺寸：屏幕对角线的长度屏幕分变率：横纵方向上的像素点数屏幕像素密度：单位尺寸中显示的像素点数 单位ppi视网膜屏幕：像素密度比平时的要高，人们用肉眼很难分辨...
2021-07-29 19:46:53
43
原创 今日学习内容
弹性父元素设置弹性盒是一种新的布局形式，可以决定弹性子元素的显示效果，可以自动设置弹性子元素中间的空隙，还能实现弹性子元素随着父元素的变大而变大，缩小而缩小弹性盒里包含弹性子元素将盒子设置为弹性盒 display:flex; 弹性子元素的排列方式 flex-directionRow 默认值 自左向右Row-reverse 自左向右的翻转Column 自上而下Column-reverse 自上而下的翻转弹性子元素的主轴对齐方式justify-contentFlex-sta...
2021-07-28 20:41:08
38
原创 今日学习内容
隐藏背面Backface-visibility:hidden;关键帧动画创建关键帧动画方式一：@keyframes 动画名{From{初始状态} 此项可以省略To{结束状态}}方式二：@keyframes 动画名{0%{初始状态} 此项可以省略50%{状态一}70%{状态二}....100%{最终状态}}引入关键帧动画 animation：动画名称 时间 执行次数（默认1次 infinite 无限次循环）运动形式（ease默认 ...
2021-07-27 19:24:48
34
原创 今日学习内容
过渡属性transition作用：可以看到一个元素从一个状态到另一个状态的变化过程值：那个属性存在过渡效果 默认为all（所有）过渡所需要的时间 1s（秒 s 毫秒 ms）过渡延迟执行时间 1s（秒 s 毫秒 ms）运动形式（运动曲线）：可以把每个过渡属性的过渡时间单独设置transition：属性 时间，属性 时间Transition: 过渡属性 过渡时间 过渡延迟时间 运动形式transition-property:all;过渡属性transi...
2021-07-26 21:23:08
31
原创 今日学习内容
css的统筹合理划分我们的代码和文件将网页中相同的文件或代码单独提取，各个页面去调用网页的优化A:头部优化<meta name="keywords" content="" />向搜索引擎说明你的网页的关键词；<meta name="description" content=""/>告诉搜索引擎你的站点的主要内容；主题内容的优化合理的超链接 适当使用title属性（不要使用flash和图片热区） 图片的优化 alt和title属性（图片插入） 图片整合（背.
2021-07-25 14:59:52
25
原创 今日学习内容
Iframe在页面中加载页面Frameborder=”no”去掉边框Scrolling=”no” 宽度无论是否足够都不会产生滚动条Bfc1、BFCBFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。2、BFC的布局规则1）、内部的Box会在垂直方向，一个接一个地放置。2）、Box垂直方向的..
2021-07-24 21:39:15
26
原创 今日学习内容
表格标签<table><tr><td></td></tr></table>Tr代表行 td代表列Table里可以设置的属性表格的边框border表格的宽度 width表格的高度 height内容和边界之间的距离cellpadding单元格与单元格的间距cellspacing表格的列表标题将td换成th表格的标题 caption列合并 写给td 列不同就是列合并 colspan（与谁合并将...
2021-07-23 19:42:18
36
原创 今日学习内容
一、优先级1、当选择器的权重值一致时，他会按照顺序执行，后面的样式会覆盖前面的样式（操作同一个元素时）2、各个选择器之间的权重：标签0001，class0010，id0100，important最高3、！important可以提高权重/优先级4、样式覆盖：相同属性设置操作了相同的元素5、what：当制作网页的过程中不知道哪个优先显示的时候6、继承：在父元素上设置的某些属性在子元素上可以起作用7、为什么要学习继承：知道为什么元素没有设置样式，但是样式发生改变（解决问题）哪些属性可以继承（了解.
2021-07-22 22:06:54
62
原创 今日学习内容
定位属性position(定位属性一般与left right top bottom 连用)Static：静态的 默认值Relative：相对定位，相对于原来位置的偏移，不会脱离正常文档流Absolute：绝对定位，会脱离正常文档流，不会占据空间，根据离其最近的有定位的父元素去定位，如果父元素没有定位则根据浏览器窗口去定位Fixed：固定定位 ，永远根据浏览器窗口定位，无论是否出现滚动条，元素都会处在给定位置不动Sticky：粘性定位（css3.0出现低版本浏览器不支持）注意：如果元素有
2021-07-20 22:27:25
28
原创 今日学习内容
一、优先级1、当选择器的权重值一致时，他会按照顺序执行，后面的样式会覆盖前面的样式（操作同一个元素时）2、各个选择器之间的权重：标签0001，class0010，id0100，important最高3、！important可以提高权重/优先级4、样式覆盖：相同属性设置操作了相同的元素5、what：当制作网页的过程中不知道哪个优先显示的时候6、继承：在父元素上设置的某些属性在子元素上可以起作用7、为什么要学习继承：知道为什么元素没有设置样式，但是样式发生改变（解决问题）哪些属性可以继承（了解）
2021-07-19 20:48:53
31
原创 day4 学习主要内容
盒子的组成 内容（width、height） 边框（border） 内填充（padding） 外填充（margin） Padding 内填充 内补丁 内补白 特性：内容和边界之间的距离，padding会撑大盒子，padding区域会出现背景颜色和背景图片，不能设置负值。 一个值 代表上下左右都是 两个值 代表 上下 左右 三个值 代表 上 左右 下 四个值 代表 上 右 下 左 可以单独设置某一个方向padding-left/right/top/bo...
2021-07-18 21:04:16
25
原创 今日学习摘要
文字相关设置颜色color 文字的大小font-size 单位（px常用 em rem pt）浏览器默认文字大小是16px 默认1em=1rem=16px 9pt =12px是否加粗font-weight：normal不加粗 bold加粗 bolder更粗 是否倾斜font-style:normal 不倾斜 italic倾斜 oblique倾斜度大一些 字体font-family如果是汉字需要添加引号 font-family:”楷体”如果是由一个英文单词组成的字体不需要添加引号 fo..
2021-07-15 21:48:42
48
原创 day2 今日知识点
表单作用：收集用户信息表单的组成：表单域form 表单控件input 提示信息label表单域form属性及属性值<form action="" method="" name="" target=""></form>表单名称 name表单的提交方式方法method=”get默认/post”表单控件input的type类型文本框 text密码框 password普通按钮 button提交按钮是submit（<button>...
2021-07-14 20:39:37
44
原创 day1 html
相关概念web组成结构（html） 表现（css） 行为（js）W3c：万维网联盟Ecma：欧洲电脑网商联合会Html的相关概念Html ：超文本标记语言Html5：第五次重大修改网页的建设流程域名注册 空间租用 网站建设（ui设计 前端开发 后台开发 测试） 网站推广 网站维护站点的建立作用：整合网站所有资源命名规则：A、小写英文字母、数字、下划线的组合；B、其中不得包含汉字、空格和特殊字符；C、必须以英文字母或下划线（_）开头，不可...
2021-07-13 19:19:36
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人