【【百度前端学院 Day4】背景边框列表链接和更复杂的选择器】的更多相关文章

Day4前端学习之路——背景边框列表链接和更复杂的选择器

课程目标 掌握 CSS 稍微复杂的一些选择器,还有背景,边框等一些 CSS 样式属性 主要内容: 背景属性 边框 列表 链接 其他选择器 选择器概览:https://www.w3school.com.cn/cssref/css_selectors.asp 一.CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定(fixed)或者随着页面的其余部分滚动(scroll). background-…

【百度前端学院 Day4】背景边框列表链接和更复杂的选择器

1. 背景 背景指的是元素内容.内边距和边界下层的区域(可用background-clip修改) background-color  背景色 background-image  背景图片(url) background-repeat  背景重复 repeat  在水平垂直方向上都平铺 repeat-x / repeat-y  只在水平/垂直方向上重复 no-repeat  不允许图像在任何方向上平铺 background-position  背景定位 top.bottom.left.right…

百度前端学院js课堂作业合集+分析(更新中...)

第一课:简陋的登录框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js课程第一课</title> <style> body{padding: 20px;font:16px "微软雅黑";} h3{text-align: center;margin-top: 0;} la…

百度前端学院-基础学院-第20到21天之setTimeOut与setInterval

setTimeout()可以使用clearTimeout()关闭 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭. 注意:setInterval()可以有三个参数,第三个参数是第一个函数的参数. 第一个是函数,可以有以下三种形式: 1.传函数名,不用加引号,也不加括号. 2.传匿名函数.效果同1. 3.传函数字符串,加引号,加括号,这种方法会在全局作用域中查找函数,不推荐.注意,在全局作用域中查找函数,全局作用域不能访问局部的函数和变量…

百度前端学院-基础学院-第七天到第八天之BFC

1.BFC简介 BFC全称"block formatting context",中文为“块级格式化上下文”.特征总之记住一句话: BFC元素特征表现原则就是:内部元素无论怎么翻江倒海,都不会影响外部元素. 如何触发BFC,常见如下: float的值不为none overflow的值为auto,scroll或hidden. display的值为table-cell,table-caption, inlin-block. position的值不为relative和static. 需掌握 B…

百度前端学院task33源码及总结——听指令的小方块

任务描述 如图,实现一个类似棋盘的格子空间,每个格子用两个数字可以定位,一个红正方形的DOM在这个空间内,正方形中的蓝色边表示这是他的正面,有一个input输入框 在输入框中允许输入如下指令,按下按钮后,使得正方形做相应动作 GO:向蓝色边所面向的方向前进一格(一格等同于正方形的边长) TUN LEF:向左转(逆时针旋转90度) TUN RIG:向右转(顺时针旋转90度) TUN BAC:向右转(旋转180度) 移动不能超出格子空间 分析:(结合源码来看) 1.首先我们得画一张棋盘,棋盘可以采用…

百度前端技术学院—-小薇学院(HTML+CSS课程任务)

任务一:零基础HTML编码 课程概述 作业提交截止时间:04-24 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践. 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的.因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现.那些最终没有被我们采纳的方案,同…

百度前端技术学院（IFE）2016春季学期总结

今天(5月16日)作为第八个提交者提交了任务五十:RIA微型问卷管理平台 这样一个综合性的大任务,宣告我的IFE春季学期课程学习顺利完成.其实任务五十并不复杂,现在再让我来做,可能一周不到就写出来了,但是做任务只是一个引导,而在做任务的过程中学到了知识和思想,开阔了视野,从一个对前端一无所知的小白,到现在掌握了基本的前端编程能力.对前端的整个生态圈.当前热门技术和发展趋势有了一个初步的认识,为自己继续成长打下了坚实的基础,这才是最大最重要的收获.当然,满满的成就感也是很让人开心的! 总结一下2月…

Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性

目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 1.字体的属性 设置字体属性: body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei",&quo…

百度前端技术学院task1.10

任务十:Flexbox 布局练习 面向人群: 有一定HTML及CSS基础的同学 难度: 中 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践. 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的.因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现.那些最终…