首页
学习
活动
专区
圈层
工具
发布

【FE前端学习】第二阶段任务-基础

2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握 上文 【FE前端学习】第二阶段任务-提高 ---- 一、HTML标签 HTML是一种标记语言,标记语言是一套标记标签...;} HTML代码为:这个段落是红色。... 类名的第一个字符不能使用数字,类 属性可以在每个HTML中出现多次 CSS 元素选择器 h1 {color:blue;} CSS背景 p {background-color: gray...Firefox */ } CSS3 边框阴影 div { box-shadow: 10px 10px 5px #888888; } CSS3 边框图片 div { border-image:url...从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 ("p").css("background-color","yellow

5.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    javascript实例:逐条记录停顿的走马灯

    曾想用的实现方法: 1.使用Marquee:本来想用Marquee搞定,使用十分方便,但不满足需求2,3,加上只能用于IE浏览器。。。。。。。。...2.使用Jquery:我没有学过Jquery,只是简单调用同事的方法,但发现居然出现语法错误,同事也只是从网上拷过来不懂得哪里出错。。。。。。 于是只好硬着头皮自己写一个吧!...我的思路是:当最顶的记录完全移出容器时,把该记录移动到所有记录的底部 (图很丑但很温柔^_^) 下面是实现:(ie6、7、8,chrome都OK!)...: (1)offsetTop指的是元素上外边框离父容器上外边框的Y轴距离(单位px);style.top指的是元素上外边框离自己原来位置上外边框的Y轴距离(单位px)。...2.因为要将头元素移动到其他兄弟元素的后面,这个移动过程会使其他兄弟元素的定位发生变化,均向上移动了头元素高度的距离,所以要为各个兄弟元素的style.top加上头元素的高度。

    1.8K50

    29个前端工程师和设计师必备的Chrome插件

    今天,我来分享下自己收集的一系列Chrome插件,希望能够提高大家的工作效率。以下插件均可在Chrome 网上商店中找到。 Devtools Terminal—嵌在浏览器中的终端。开发调试利器!...用BrowserStack提供的安全、便捷的云服务,在700多个真实的桌面系统和移动浏览器中,测试应用的布局、工作流和交互性。 JSONView —用来验证和查看JSON文件。...Firebug Lite — 它可不是用来替代Firebug或Chrome的开发者工具,而是配合这些工具来使用。你可以像使用Firebug那样,用它来查看HTML、DOM元素和盒子模型。...Pesticide — 在当前网页插入Pesticide CSS,为元素添加明显的边框,方便查看元素位置。 Responsive Web Design Tester —测试移动网站在移动设备上的效果。...jQuery Audit — 在元素面板创建侧边栏,显示jQuery委托代理事件、内部数据、当前选中的DOM节点、函数和对象等信息。

    2.2K20

    jQuery中不同元素的作用

    删除元素 remove() - 删除被选元素(及其子元素) $("#div1").remove(); empty() - 从被选元素中删除子元素 获取并设置 CSS 类 addClass() - 向被选元素添加一个或多个类...toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 $("p").css("background-color"); $("p").css("background-color...height()- 设置或返回元素的高度(不包括内边距、边框或外边距)。...outerWidth() outerHeight() jQuery 遍历 jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。...noConflict() 方法 jQuery 使用 符号作为jQuery的简写。如果其他JavaScript框架也使用 符号作为简写怎么办?

    3K00

    JQuery笔记

    () 当鼠标指针离开元素时,会发生 mouseleave 事件 mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件 mouseup() 当在元素上松开鼠标按钮时...删除元素 remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 CSS类 addClass() - 向被选元素添加一个或多个类 removeClass() -...从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 CSS方法 返回CSS属性 $("p").css("background-color..."); 设置CSS属性 $("p").css("background-color","yellow"); 尺寸 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距) height...() 方法返回元素的宽度(包括内边距和边框) outerHeight() 方法返回元素的高度(包括内边距和边框 JQuery遍历 祖先 parent() 方法返回被选元素的直接父元素 parents()

    6.9K20

    【CSS】636- 你必须记住的30个css选择器

    css代码如下: a[data-filetype="image"] { color: red; } 这样所有链接到图片的链接字体颜色为红色。...根据CSS3 Selectors规范,从技术上讲,您应该使用两个冒号::的伪元素语法。但是,为了保持兼容,用户代理也将接受单个冒号用法。实际上,在这一点上,在项目中使用单冒号版本更为明智。...我们经常用它来实现一个序列的第一个元素或最后一个元素的上(下)边框,如: ul:nth-last-of-type(3) { border: 1px solid black; } 兼容浏览器...ul上的浏览器默认填充,并对每个li添加边框以提供一点深度。...如上图所示,唯一的问题是,边框将被应用到无序列表的顶部和底部-看起来很奇怪。让我们使用:first-child和:last-child伪类来解决此问题。

    1.3K30

    移动端H5的一些基本知识点总结

    另外,在布局上,要尽量少用浮动布局,适当在细节部分使用定位布局,并做好隐藏溢出等处理.以防止浮动布局可能出现的问题.关于定位问题,可以参考我的另外一篇博文 Css 详细解读定位属性 position 以及参数...; 边框的处理 在PC端的网页制作中,我们一般就使用边框属性border: 1px solid #ddd;但是在移动端,就需要特别注意了,因为边框的宽度是计算在盒子模型当中的,所以,如果你使用不慎,可能造成你布局的困境...其实很好解决.因为,在CSS中,不仅仅是outline可以来模拟边框,还有一个属性,也是可以模拟边框的,那就是CSS3的box-shadow外发光属性....很简单——跟你的设计师说,尽量不要设计线条-_-|||反正我就是这样跟我们团队的设计说的. 使用jquery还是zepot? 为什么使用zepot? 原因只有一个,它小.还有其他的好处吗?没发现....我个人的建议是使用jquery2.x的版本,好处有如下 拥有大量的插件可以使用 功能比zepot强大太多 效能比zepot强大 习惯了jquery 更多内容,请参阅为什么我们放弃了 Zepto 总结 在移动端制作网页和在

    62410

    Css学习手册之基本篇

    基本使用姿势 0. 几种css使用姿势 主要有下面三个使用姿势,其中优先级为 c > b > a a.直接引入css文件 b.在html中,直接写css: c.在标签中直接写css 使用 在实际的使用中,经常出现的定义class, 根据id或者直接对标签,来指定css属性 <!...,越大,则越上面 12. float 浮动 CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。...元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动元素之后的元素将围绕它。..., Safari, Opera */ transform: rotate(360deg); } 鼠标移动到 div 元素上,查看过渡效果。

    2.4K60

    快速上手小程序云开发

    padding-top 设置元素的上内边距。 padding-right 设置元素的右内边距。 padding-bottom 设置元素的下内边距。 padding-left 设置元素的左内边距。...margin-top 设置元素的上外边距。 margin-right 设置元素的右外边距 margin-bottom 设置元素的下外边距。...百分⽐是⽹⻚、移动端等⽤来布局以及定义⼤⼩的⼀个⾮常重要的单位 背景属性 background 在⼀个声明中设置所有的背景属性。 background-color 设置元素的背景颜⾊。...、获取和删除、DOM属性操作 JavaScript事件处理 窗口事件、鼠标事件、键盘事件、事件冒泡与捕获 JavaScript面向对象使用 JQuery框架概述 JQuery选择器 id选择器...、类别选择器、标记选择器、属性选择器、位置选择 器、后代选择器、子代选择器,认识选择器对象、选择器对象 遍历应用及页面初始化 JQuery中的DOM操作 插入、删除、复制、克隆、替换HTML元素

    4.6K50

    使用CSS提高网站性能的30种方法

    该灯塔Chrome、Edge、Brave、Opera和Vivaldi中提供的面板可以评估核心Web重要指标并提出绩效建议: 相同的浏览器还提供了一个覆盖面板来帮助定位未使用的CSS属性,如红色边框所示...-- use preloaded styles --> css" /> 4.删除未使用的样式和文件 删除所有不使用的样式表。...14.尽可能使用SVG “可缩放矢量图形”包含绘图指令,例如“在此点绘制一个半径为50个单位、红色填充和蓝色3个单位边框的圆”: 的属性进行动画处理,例如尺寸(宽度、高度、填充、边框)或位置(顶部、底部、左侧、右侧、边距)。这会导致整个页面在每个动画帧上重新布局。...至少,使用以下内容: 桌面:Firefox、Chrome(Chrome、Edge、Brave、Opera或Vivaldi)和Safari浏览器 移动的:Android上的Chrome和iOS上的Safari

    4.8K20

    看不完的那种!前端170面试题+答案学习整理(良心制作)

    css3动画的优点:在性能上会稍微好一些,浏览器会对css3的动画做一些优化,代码相对简单;css3动画的缺点:在动画控制上不够灵活,兼容性不好,部分动画功能无法实现。...,如没有,查看网络中的资源,并确认与地图相关的图片资源有无加载,若加载了,将地图调用的代码从项目中独立出来,看能否正常显示,若能显示,在项目中,使用二分法一半一半地删除引用的JavaScript,css...jquery ui则是在jquery的基础上对jquery的扩展,是jquery的插件。jquery ui提供了一些常用的界面元素,如对话框,拖动行为,改变大小行为等。...42.jQuery中有哪几种常见的选择器 基本选择器;层次选择器;过滤选择器;属性选择器;子元素选择器;表单选择器;内容选择器;可见选择器 43.使用jQuery将页面上所有元素边框设置为2px宽的虚线...,也会移除元素内部的一切,包括绑定的事件以及与该元素相关的jquery数据 detach()虽然可以将元素自身移除,但是它不会删除数据和绑定事件 57.如何利用jquery,来向一个元素添加或移除css

    13.1K50

    jquery nicescroll 配置参数

    jQuery滚动条插件兼容ie6+、手机、ipad http://www.areaaperta.com/nicescroll/ jQuery(function($){ $("#scrollInner...css定义,默认为“1px的固体#FFF” cursorborderradius - 以像素为光标边界半径,默认为​​“递四方” zIndex的 - 改变z-index值的滚动条的div,默认值是9999...- (仅当boxzoom =真实,使用触摸设备)上缩放框激活时,间距输出/输入(默认:true) grabcursorenabled,显示“抢”图标的div touchbehavior = true...时,(默认:true) autohidemode,如何隐藏滚动条的作品,真=默认/“光标”=只进游标隐藏/ false =不隐藏背景,CSS改变轨道的背景下,默认为“” iframeautoresize...,冒泡鼠标滚轮事件(默认:true) railoffset,您可以添加抵消顶部/左边的轨道位置(默认:false) bouncescroll,使滚动弹跳在内容结尾作为移动像(仅HW ACCELL)(

    5.3K80

    从零开始学 Web 系列教程

    Web 之 jQuery(二)获取和操作元素的属性 jQuery 获取和操作元素 从零开始学 Web 之 jQuery(三)元素操作,链式编程,动画方法 使用 css 操作元素样式 链式编程 使用类样式操作元素样式...动画相关方法 从零开始学 Web 之 jQuery(四)元素的创建添加与删除,自定义属性 元素的创建、添加和删除 元素 value 属性的操作 自定义属性 从零开始学 Web 之 jQuery(五)操作元素其他属性...从零开始学 Web 之 CSS3(一)CSS3概述,选择器 从零开始学 Web 之 CSS3(二)颜色模式,文字阴影,盒模型,边框圆角,边框阴影 从零开始学 Web 之 CSS3(三)渐变,background...属性 从零开始学 Web 之 CSS3(四)边框图片,过渡 从零开始学 Web 之 CSS3(五)transform 从零开始学 Web 之 CSS3(六)动画animation,Web字体 从零开始学...Web 之 CSS3(七)多列布局,伸缩布局 从零开始学 Web 之 CSS3(八)CSS3三个案例 从零开始学 Web 之 移动Web 从零开始学 Web 之 移动Web(一)屏幕相关基本知识,调试

    5.3K50
    领券