• css选择器(一)基本选择器

    基本选择器 1、通用元素选择器 *表示应用到所有的标签。 *{ padding:0px; margin:0px; } 2、元素/标签选择器 匹配所有p标签的元素 p{ color:red; background:yellow; } 3、类选择器 匹配所有class属性中包含“起的类名”的元素。 语法:.类名{属性名:属性值;} 注意:类...

    2018-12-09 11:18:34

  • F12 console的用法,以及如何debug程序?

    这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能,本篇分享的是: 【F12 console的用法,以及如何debug程序?】 1.背景介绍 Chrome中Console...

    2018-12-09 11:18:33

  • 详解vue全局组件与局部组件使用方法

    这篇文章主要为大家详细介绍了vue全局组件与局部组件的使用方法,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 vue全局/局部注册,以及一些混淆的组件 main.js入口文件的一些常用配置, 在入口文件上定义的public.vue为全局组...

    2018-12-09 11:18:32

  • CSS3实现磨砂玻璃效果的示例源码

    CSS3实现磨砂玻璃效果的示例源码,想必大家都知道毛玻璃效果做的好的话,能使页面显得非常生动立体,整体效果非常好,下面就跟随爱站技术小编来学习下如何利用CSS3实现毛玻璃效果吧。 先来看看效果图 ? 复制 代码...

    2018-12-09 11:18:21

  • Bootstrap -- 初见 Bootstrap

    Bootstrap -- 初见 Bootstrap Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。 1. 使用方式 在 http://getbootstrap.com/ 下载 bootstrap...

    2018-12-06 07:32:15

  • CSS的三种引入方式

    内联: 在元素中添加style属性添加样式,只能作用于当前元素,不能复用。 内部:在head里面添加style标签 可以当前页面复用 不能多页面复用 外部:写在单独的css文件里面 通过link标签引入,可以多页面复用 内联优先级最高内部和外部优先级一样,后执行的覆盖前面执行...

    2018-12-06 07:32:14

  • css

    --------------------属性选择器------------------------- /* 1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签 */ li[style] { text-decoration : underline ; } /* 2.E[attr=value]:查找拥有指定的Attr属性并且属性值为value的E标签。如想查...

    2018-12-06 07:32:11

  • angular学习—组件

    组件: vue组件:xxx.vue react组件:xxx.js+xxx.css angular组件:xxx.ts+xxx.css+xxx.html angular的装饰器: @ngModule:angular的一个模块化。装饰angular的app.module.ts文件内的AppModule类。 参数:declarations:注册组件的地方imports:注册项目用到的核心功能...

    2018-12-06 07:32:09

  • 纯css实现元素下出现横线动画(background-image)

    效果图: html: div class='site_bar'首页/div css: .site_bar{ background-image :linear-gradient(red,red); background-position : center bottom; background-size : 0 2px; background-repeat : no-repeat; //这个属性不能少。 transition : .3s; } .site_bar:ho...

    2018-12-06 07:32:08

  • REM在edge浏览器中不重新计算解决

    经过多分析和排查,此问题解决的方案 第一种: 在CSS样式中添加 body { font-size: 100% } 如果不起作用,可以尝试将引用的REMjs放在head内引用...

    2018-12-06 07:32:05

2