摘要:1.nav导航 ⑴ 基础结构: 一种是在<ul><li>标签中嵌套<a>标签的方式; 另一种是在<nav>标签中嵌套<a>标签的方式; 也可以使用其它标签代替<nav>标签或<a>标签。 涉及到的 class样式如下: <!-- 使用 ul列表创建导航 --> <ul class="nav"> <l 阅读全文
posted @ 2020-10-19 16:38 后来喵 阅读(17) 评论(0) 推荐(0) 编辑
摘要:1.Dropdown下拉按钮 ⑴ 基本样式 外层容器div,class="dropdown" button元素,在一般按钮的基础上增加“.dropdown-toggle”类和 data-toggle="dropdown"属性、“id” “.btn-secondary”样式也可以改换成其他类,如“.b 阅读全文
posted @ 2020-09-29 14:45 后来喵 阅读(37) 评论(0) 推荐(0) 编辑
摘要:1.Card卡片 一个可以添加图像、标题、文本、列表、按钮等多种或一种内容的容器。 ⑴ 基本样式 主要构成: ① 卡片容器,<div class="card"> ③ 图片,<img class="card-img-top">,可以放在 body之前或之后 ④ 卡片体,<div class="card 阅读全文
posted @ 2020-09-25 17:23 后来喵 阅读(55) 评论(0) 推荐(0) 编辑
摘要:1.Alert警告提示框 将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框。 常用提示框样式: <div class="alert alert-success" role="alert">成功提示</div> <div class="alert alert-info" role="aler 阅读全文
posted @ 2020-09-23 23:37 后来喵 阅读(40) 评论(0) 推荐(0) 编辑
摘要:1.基础 BootStrap是全球最流行的前端框架,用于构建响应式、移动设备优先的WEB站点。 可以通过官网:https://getbootstrap.com/,下载BootStrap以获取编译过的CSS和JS文件。 然后将下载的本地化文件引入HTML中,也可以使用CDN的方式引入。 Bootstr 阅读全文
posted @ 2020-09-22 18:47 后来喵 阅读(49) 评论(0) 推荐(0) 编辑
摘要:1.index()方法 用于获取当前元素在其兄弟节点中的排序位置,从0开始。 语法:$("selector").index(); 该方法一般不单独使用,而是配合对应使用。 2.对应 jQuery中的对应实际指的是“eq()”函数,用于获取集合中指定序号的元素节点,从 0 开始。 语法:$("sele 阅读全文
posted @ 2020-09-21 00:34 后来喵 阅读(56) 评论(0) 推荐(0) 编辑
摘要:1.children()方法 该方法用于选中某一个元素的所有直接子元素。 语法:$("selector").children("subSelector"); children()方法中的参数为可选项,有参数事表示搜索符合参数选择器的子元素。 2.find()方法 由于children()方法只针对子 阅读全文
posted @ 2020-09-19 20:42 后来喵 阅读(42) 评论(0) 推荐(0) 编辑
摘要:1.呼吸轮播图案例 ① user-select,该属性用于控制用户能够选中文本, 常用属性值: none,表示元素及其子元素的文本不可选中。 text,用户可以选择文本。 auto、all、contain等 ② is(":animated"),用于判断元素是否处于动画状态。 为了避免动画积累效应,设 阅读全文
posted @ 2020-09-18 23:35 后来喵 阅读(57) 评论(0) 推荐(0) 编辑
摘要:1.css()方法 用于更改 jq对象的css样式,本方法可读可写,相当于 js中的 style属性 语法:$("选择器") .css("key", "value"); css()方法的第二个参数为可选参数, 如果只有第一个参数,就是读取样式; 如果有两个参数或JSON样式参数就是设置样式。 示例, 阅读全文
posted @ 2020-09-17 16:18 后来喵 阅读(38) 评论(0) 推荐(0) 编辑
摘要:1.前端进阶之路 菜鸟级:设计图的还原,就是根据PSD文件写HTML和CSS; 入门级:加页面特效,轮播图、菜单、选项卡、无缝滚动等; HTML5+CSS3炫酷页面、手机端页面; Canvas游戏; jQuery是页面特效的完美解决方案; 普通级:处理数据,拿到后台工程是的数据,组件页面,Ajax; 阅读全文
posted @ 2020-09-16 16:35 后来喵 阅读(49) 评论(0) 推荐(0) 编辑