web前端一般常用文件 .html .css .js。但是当用css文件和html引入资源(比如图片)时,路径可能不相同。下面总结了几条。 使用相对路径引入规则: html或者js引入图片,按照html的目录来算 css引入图片,按照css的目录来计算。 那什么是html目录: 例如:http:// ...
分类:
Web程序 时间:
2018-11-11 19:11:15
阅读次数:
232
.引入样式 1.行内样式表 <h1 style="color: red;font-size: 18px;">10-30</h1> 2.内部样式表(在head标签里面,title标签下面) <style type="text/css"> h2{ color: yellow; font-size: 20 ...
分类:
Web程序 时间:
2018-11-02 13:07:57
阅读次数:
262
先上js代码: 再来css: 在html上面的使用: 将上面的js和css引入即可,如图: 显示效果: ...
分类:
其他好文 时间:
2018-10-23 10:50:41
阅读次数:
180
CSS 引入 1. CSS 简介 百度百科 https://baike.baidu.com/item/CSS/5457?fr=aladdin 维基百科 https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A ...
分类:
Web程序 时间:
2018-10-16 13:44:42
阅读次数:
148
CSS Grid Layout为CSS引入了一个二维网格系统。网格可用于布局主要页面区域或小型用户界面元素。 网格是一组交叉的水平和垂直线 - 一组定义列,其他行。元素可以放在网格上,以行或者列为标准。 grid布局的优点: 1:固定和灵活的轨道尺寸 2:可以使用行号,名称或通过定位网格区域将项目放 ...
分类:
Web程序 时间:
2018-10-12 01:20:21
阅读次数:
192
引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 CSS:Cas ...
分类:
Web程序 时间:
2018-09-17 16:14:37
阅读次数:
181
一、Bootstrap Switch 选择框开关控制 依赖于Bootstrap的一款轻量级插件,可以给选择框设置类似于开关的样式 二、使用时注意初始化: js初始化: 三、使用步骤 1首先引入jquery 2然后引入bootstrap的js和css 3引入bootstrap的switch的js和cs ...
分类:
其他好文 时间:
2018-09-04 13:37:35
阅读次数:
4227
css概念 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。 css引入方式 1. 行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 2.嵌入式 嵌入式是将CS ...
分类:
Web程序 时间:
2018-09-04 11:40:52
阅读次数:
175
第一:css的四种引入方式 1.行内样式 最直接最简单的一种,直接对HTML标签使用style="",例如: <p style="color:#F00; "></p> 缺点:HTML页面不纯净,文件体积大,不利于蜘蛛爬行,后期维护不方便。 2.内嵌样式 内嵌样式就是将CSS代码写在<head></h ...
分类:
Web程序 时间:
2018-08-02 20:45:35
阅读次数:
142
```
const path = require('path'); module.exports = { entry: './src/index.js', // 入口文件 output: { filename: '[name].bundle.js', // 输出文件名 [name]表示入口文件js名... ...
分类:
Web程序 时间:
2018-07-30 11:24:24
阅读次数:
144