潭州课堂
liliming86575513
这个作者很懒,什么都没留下…
展开
-
外边距合并+背景+案例-----潭州老师 雀雀
外边距合并是什么情况,为什么会有合并?只能是块级元素合并的三个条件:1 垂直方向2父级和子级相遇兄弟与兄弟之间 垂直方向相遇3 必须是块级元素怎么去解决?1 用padding : 使用父级的padding. 常规办法.2 border:兄弟与兄弟垂直方向上的相遇:方案:1 浮动 定位的特性解决2 overflow : h...原创 2019-04-13 23:21:31 · 226 阅读 · 0 评论 -
表单元素---朱雀老师
百度 的搜素, 数据的输入 .网页的登录界面等.早期,表单用来给后台 进行数据交互表单块元素 form键值对action 和 method数据的传输格式 : 键值对如 : 性别 : 男get 用来获取数据post 提交数据get 数据会拼接到URL地址后面.post 数据不会拼接到地址里去数据的上传是有...原创 2019-04-25 22:37:08 · 357 阅读 · 0 评论 -
表格元素---朱雀老师
单元行和单元列表头, 表体,表尾表头,表尾 不经常变化, 只更新表身体的内容,就可以进行数据的更新与交互定义表格行 用 trth 带有标题效果 具有加粗的效果支持宽高,margin. border. 而padding 的表现效果比较奇怪.修饰表格内容合并单元格用到属性 colspan跨行...原创 2019-04-26 22:39:04 · 211 阅读 · 0 评论 -
定位----朱雀老师
关于元素的排列文档流 : 从上到上. 从左到右脱离文档流 : 浮了一层浮动 是飘起来后 ,还是横排显示,不能做到 飘起来飘在另一个元素的上空/如需要达到这个效果,就需要定位三种定位绝对 ,相对, 固定定位定位需要两个点 就可以固定一个点不同的定位, 参照的点是不同的相对定位: 虽然飘起来了,但还是占着自己原来的位置.是参照没有定位前的自己的位...原创 2019-04-22 22:36:47 · 258 阅读 · 0 评论 -
作业分析----潭州朱雀老师
hover效果的书写不能参照这里 不能参照li 直接参照menu老师采用的是快捷键实现一键到位增加了.好多:...原创 2019-04-27 21:34:18 · 435 阅读 · 0 评论 -
京东轮播图--作业分析
再次隐藏.第二个图细节再听视频吧.内容还是很需要细细设置的.用js 来实现点击切换图思路是改变定位的位置()此处需要一张图)一个同学的图片...原创 2019-04-27 22:49:07 · 479 阅读 · 0 评论 -
选择器--朱雀老师
选择的范围越小 级别越高. 相反,范围越大 权重越小,如 通配选择器是比较的ID选择器,不是比较基础选择器的个数. 个数相等的时候, 比较类名选择器个数在css中很少用到 ID选择器,权重太高,一旦上面设置了.后面再去设置的时候都改不过来了.一般都是使用类名选择器在js中, ID选择器 是比较多的.另外,使用选择器的时候 不会去 超过三条的.伪类选择...原创 2019-04-23 22:34:11 · 219 阅读 · 0 评论 -
浮动 伪元素 圆角属性---朱雀老师
示例:用 inline-block 做,会出现2个问题:空格.和基线问题今后, 我们使用 浮动 来实现横排显示来个案例:添加浮动后:现在,使用float 主要是为了 使 块元素 横排显示.没有了inline-block 产生的毛病浮动的原理右浮动:如果对前面的<p> 也...原创 2019-04-19 22:49:01 · 343 阅读 · 0 评论 -
动画过渡与变换---海文老师
出现了黄色的感叹号,表示浏览器不能解析语句.比,background : 更精准. 计算机不会多次计算.过渡属性: transitiontransition也是一个复合属性过渡颜色只能检测数字/数值到数值的变化,不可以检测字母到字母的变化.也不能检测数字到字母的变化.过渡的速度匀速变化 linear...原创 2019-05-08 22:59:55 · 191 阅读 · 0 评论 -
阿里图标和媒体查询
还有name 属性在空白页面打开新的网页.的设置媒体查询其他的几种关系的关键词起飞页阿里图标想用阿里图标 百度一下这些图标全是免费的. 注册一个 新浪微博 进入. (三种进入方式)流体布局只只要更改了 默认的0 就可以使 另一个值生效.怎么启动流体特效...原创 2019-05-21 22:52:48 · 222 阅读 · 0 评论 -
文本样式---雀雀老师
基线对齐基线产生的原因, 在设计英文对起的时候,按照四线三格对齐设计的.但是,汉子是没法和英文一样的.vertical-align:如何解决基线没有对齐的问题?两个值都给上: top属性.中部对齐底部对齐 是相对于 行框盒子 来对齐的.是根据几个行框行子的最高点和最低点来计算的. 不是按照父级的底部来到 .不能给一个 m...原创 2019-04-16 22:46:54 · 251 阅读 · 0 评论 -
作业分析----潭州课堂
图片可以是一个背景图片,也可以是个图片标签没有学过定位,所以用背景图片.里面有一个a 标签. 也给它一个 圆角属性或者,给它一个 溢出隐藏写出 a 标签后, 让它消失让它滑入后出来----滑入谁? 滑入一个已经渲染出来的元素,而不能滑入已经消失的a 上分析后最佳的对象就是 最外面的盒子实际上,这个图片应该是一个图片标签. 使用定位...原创 2019-04-20 22:27:09 · 960 阅读 · 0 评论 -
开班典礼----雀雀老师
前端是能够与用户直接接触,与用户产生交互,传递信息,等能够看到.前端与 后端.前端 + 服务器+ 后端.淘宝 ,京东,等电商网站是存在于浏览器上的. 便于更新.不用客户更新,下载操作.对用户的要求不高,用户完全不用操作. 维护成本低. 叫做BS架构.BS 架构. 浏览器+ 服务器.前端是运行在浏览器上的.电商网站 : 卖产品或者服务企业网站,...原创 2019-04-04 22:42:25 · 447 阅读 · 0 评论 -
选择器 盒模型.-----雀雀老师
基础选择器的配合使用,目的是更精准的控制元素.称之为 组合选择器组合选择器 是通过嵌套,来实现控制的,包含多种关系:后代选择器 .wrap p加入第三个P不能直接使用 后代关系的时候,用到了.兄弟关系的选择器.选择器只能向后面方向查找,不能向前面的 查找.这种费事; 简化 方法 加一个类名只想控制子元素,不想控制孙代元素. 就要用到 >...原创 2019-04-10 22:47:20 · 265 阅读 · 0 评论 -
预科四---雀雀老师
一个网站先区分一下. 标题. 内容,尾部. 板块.尾部;分板块,提高代码的复用性. 提高效率,降低成本 提高可维护性要遵循写代码的规则,好好布局,严格遵循缩进. 大小写.等.不同的标签起到不同的作用.h1 有标题效果的, 有权重的. 先,抓取h1 , 如: 京东秒杀,四个大字 要突出. 以便使网页排名靠前.span ; 最小的一个标签....原创 2019-04-01 21:33:31 · 6364 阅读 · 0 评论 -
作业分析
颜色; #383838;f分析出,有padding存在.盒子变大了padding 撑大多少,减少对应上下,左右的值.(这个案例中是一个padding的值的2倍)分析内部构造:分析内容是在哪个位置排列的?从上之下.考虑我们用什么标签.当前文章是介绍的索尼相机.考虑内部的结构,并要用什么合适的标签...原创 2019-04-11 21:42:11 · 275 阅读 · 0 评论 -
人物介绍作业分析
分析思路, 从外到内. 从上到下的写考虑盒子和内容的关系在装图片的时候,在外面加一个盒子,避免图片没有加载出来的时候,布局塌陷引入图片图片宽度太大.溢出了.将右边的padding 盖住了. 将宽度变小处理.将图片的宽度,设置 只写一个,会自动等比变化.给图片加 边框线. 然后 再修改 img 的宽.介绍栏...原创 2019-04-11 22:23:03 · 262 阅读 · 0 评论 -
常用标签---雀雀老师
Html 标签充当什么角色?标签是网页的组成部分.HTML标签是 组成网页的骨架有的是内容展示;在审查元素功能中,标签全部都处于elements 中体现.新建HTML文档的两种方法:1 editplus中新建.2 直接新建文件,更改后缀名.网页所有的内容都是在 <body> 标签里写.双标签: <body> <div>...原创 2019-04-08 22:53:29 · 305 阅读 · 0 评论 -
作业分析
写大盒子内容一样的结构可以使用: ul li .外面加上div 包裹.宽 .高. padding 背景颜色的设置继续向里面书写使用h3标签图片外面最好加div, 以免 塌陷.图片加载进去后太大了 .用css样式来处理需要让图片右移,使用,margin-left: 或者 给父级加 text-align:center 或者 用div的paddi...原创 2019-04-16 00:06:43 · 143 阅读 · 0 评论 -
样式初始化和元素类型---雀雀老师
样式初始化:标签写出来后,还没有写css样式,浏览器为了 让代码有最基本的可读性,就会默认一些样式.为什么要初始化?1 默认样式 在不同的浏览器表现的效果不一样,(处理兼容问题)2 有的默认样式的存在 不利于我们对样式的设置.3 可以对具体相同样式的标签,统一设置. 如 : 通配符的使用.(通配符在设计中不建议使用.会造成性能的浪费.)还有一种方法,谁需要取消,就...原创 2019-04-12 23:07:27 · 185 阅读 · 0 评论 -
标签与样式属性----雀雀老师
a 标签是双标签. 超链接标签, 起跳转作用.href="" 要跳转的地址.在网页中,鼠标放上去 会出现一个 小手 状,的 都是a 标签,点击后会跳转的其他地址.网页打开的位置:1 当前页面打开.2 在空白窗口打开点击图片任意位置,跳转到其他位置跳转到目标位置的书写: 锚点.做锚点 要保证,锚点后面以后足够的 内容.保证将锚点托起. ...原创 2019-04-09 22:44:35 · 262 阅读 · 0 评论 -
弹性盒模型
三个盒子 各占一行弹性盒模型后 横排显示弹性盒模型里面子元素的 对齐方式内容填满后不会自动换行.需要用一个属性来实现换行...原创 2019-05-18 21:40:34 · 171 阅读 · 0 评论