精华内容
下载资源
问答
  • html+css外链式
    2021-06-18 07:39:49
    无标题文档

    h1{background:red;}

    /*这是Css注释*/

    p{color:greenyellow;}

    div{font-size: 30px;}

    .one{color: yellow;}

    #two{font-size: 40px;}

    #bgimg{background-image:url("Demo_png.png");}

    四川信息职业技术学院

    贵州赤水市

    四川泸州
    hello world

    你好世界

    行内样式css展示

    外链式css展示

    背景颜色
    背景图片
    演示效果
    演示效果
    演示效果d

    演示效果s

    演示效果

    演示效果

    -----------------------------------------------------------------------------------------------

    @charset "utf-8";

    /* CSS Document */

    s{color: darkorchid;}

    .bg{width:100px;height:auto;background:#4EAD79;}

    #bgimg{width:500px;height:500px;background:red; background-image:url("Demo_png.png");background-repeat:no-repeat; background-position: center;}/*背景平铺,不平铺*/

    原文:https://www.cnblogs.com/glkj/p/11031100.html

    更多相关内容
  • HBuilderx 火狐浏览器 在写方法的时候,发现外链式一直无法运行 然后最后发现 当代码是 window.onload= function(){ function showImg(cell) { document.getElementById('img01').src = window.URL.createObjectURL...
  • hbuilder怎样引用css

    千次阅读 2021-06-19 06:25:12
    hbuilder引用css的方法:1、在HTML文档的head标签中,添加link标签来进行引入;[emailprotected],[emailprotected] url(demo.css);”。推荐:《css视频教程》该方法适用于任何品牌的电脑。hbuilder引用css:...

    hbuilder引用css的方法:1、在HTML文档的head标签中,添加link标签来进行引入;[email protected],[email protected] url(demo.css);”。

    a2672034deb57dfb46f4ea493448704d.png

    推荐:《css视频教程》该方法适用于任何品牌的电脑。

    hbuilder引用css:

    hbulider引用css的方式,和一般情况下引用相同,都是在HTML文档的head标签中,添加link标签来进行引入。

    @import url(demo.css);

    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。

    展开全文
  • Less简介 以及 VSCode HBuilder初步使用Less

    维护css弊端

    CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。

    • CSS 需要书写大量看似没有逻辑的代码,CSS 冗余度是比较高的。
    • 不方便维护及扩展,不利于复用。
    • CSS 没有很好的计算能力
    • 非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码项目。

    什么是less

    LESS CSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便css的编写和维护。

    LESS CSS 可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。

    说明:本质上,LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上, 为 CSS 加入程序式语言的特性。

    Less在CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS的维护成本,就像它的名称所说的那样,Less可以让我们用更少的代码做更多的事情。

    在哪里获得 学习less

    官网地址

    官网: 英文官网:http://lesscss.org/,中文官网:https://less.bootcss.com/about/

    Less.js 下载地址:https://github.com/less/less.js/tree/master/dist

    怎么使用less

    Less安装

    ①安装nodejs,可选择版本(8.0),网址:http://nodejs.cn/download/

    ②检查是否安装成功,使用cmd命令(win10是window+r 打开运行输入cmd) —输入“node –v”查看版本即可

    ③基于nodejs在线安装Less,使用cmd命令“npm install -g less”即可

    ④检查是否安装成功,使用cmd命令“ lessc -v ”查看版本即可

    安装之后不同的编程软件有不同的使用方法 ,以下介绍两个软件 VScodeHbuilder的使用方法,如果你使用的其他软件,可以自行百度使用方法

    在VScode 中使用less

    安装 Easy LESS 插件

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-we9zIvpz-1642427968100)在这里插入图片描述

    Easy LESS 插件用来把less文件编译为css文件

    安装完毕插件,重启 vscode。重启 vscode 重启 vscode

    只要保存一下Less文件,会自动生成CSS文件。

    在Hbuilder中使用Less

    首先插件中安装less

    在这里插入图片描述
    在这里插入图片描述

    找不到的插件可以去插件市场找到需要安装的插件导入即可 ,不知道如何安装插件可自行百度 hbuilder 安装插件

    安装过后默认是不能进行less自动生成css文件的 需要进行配置

    找到工具 > 外部命令插件配置 > 找到less插件 > package.json

    在这里插入图片描述

    打开josn文件配置如下 修改过配置之后不生效需要重启Hbuilder 重启Hbuilder 重启Hbuilder 重要事情说三遍

    在这里插入图片描述

    在hbuilder中创建一个扩展名为.less的文件,保存后会自动会生成同名的.css文件,在html文件里样式表引入这个.css的文件即可。每次编辑.less的文件保存后,相应的.css文件都会更新。

    为.less的文件,保存后会自动会生成同名的.css文件,在html文件里样式表引入这个.css的文件即可。每次编辑.less的文件保存后,相应的.css文件都会更新。

    展开全文
  • 网页内嵌网易云插件全程(包括生成自己歌单的外链)1.首先附图,网易云官网教程。(music.163.com)2.实例操作, 首先第一步在网页版网易云,随便打开一个歌单,点击生成外链播放器。3.你将会看到如下信息,网易云提供两...

    网页内嵌网易云插件全程(包括生成自己歌单的外链)

    1.首先附图,网易云官网教程。(music.163.com)

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    2.实例操作, 首先第一步在网页版网易云,随便打开一个歌单,点击生成外链播放器。

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    3.你将会看到如下信息,网易云提供两种方式,一种iframe标签嵌套,另一个是flash插件,两种实现都可以。

    下面可以选择自动播放,选择适应你界面的尺寸。然后将代码放在你需要放在页面的位置即可。

    (温馨提示:本地html文件是不可以的,如果想在本地页面实现,可以了解一下' http-server  '本地起一个服务,或者使用webstorm 或者HBuilder打开文件。)

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    4.我这里选用第二个尺寸,列表点不开,可以根据自己需求选择尺寸。

    在这里需要重点说明一点:你选择自动播放,发现打开网页没有自动播放,不是你配置问题,因为有些音乐有权限问题,所以你可以在预览页面中双击音乐看看能不能正常播放,再放入到你的列表中。

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    5.最后说一下如何用自己的音乐列表生成外链。

    1.首先我们自己的歌单里面,是没有生成外链的按钮的。所以你需要进行如下操作。

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    2.生成你自己的歌单,歌曲可以自己随意添加。然后点击分享。然后回到首页。可以点击网易云的Logo也可以点击发现音乐,都是首页。

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    3.然后点击自己的动态。

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    4.然后进入自己的歌单,就发现有生成外链的按钮了。

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    d4fe4dde4140?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    这样你就可以在自己的页面引入网易云的插件了。如果有什么疑问可以联系我。http-server可以百度一下,有详细教程。谢谢大家。

    展开全文
  • pyspider 项目状态变成 Pause HBuilder右键编译less文件失败怎么办? 为什么没给父级元素加边框,子级的外边距就超出父级范围了 laravel , ajax 使用post方式传输,后台获取登陆用户id时报错500,使用get方式正常. 为...
  • 小程序在css样式文件里面直接 background-image引入本地背景图是不生效的 .header{ width:100%; height:420rpx; background-image: url("/static/image/bg.jpg"); background-size: 100%; background-color: ...
  • html link标签有什么作用?html link标签中定义及属性介绍,下面开始本章的内容,主要给大家说的是html link标签的定义和作用,还有HTML link标签的属性介绍及属性作用... 标签最常见的用途是链接样式表。...rel是re...
  • 比如PC端的Bootstrap,其实它是响应的框架,也可以用在移动端H5页面,或者AmazeUi,这是一款专注于移动端的框架。你可以百度也可以在对应框架的官网查看文档,当你学会使用某个框架的时候,其他的n+1个各种各样的...
  • 入门Vue.js基础学习笔记记录,遇坑!

    千次阅读 2020-05-25 21:27:14
    } }, }) 注意: &refs:获取ref传入的对象 watch是用来监听属性只改变,只建议用来使用调代码. index....
  • 学习建议 在你开始入手学习前,有一些小的建议。... 学好这些,你就可以刷一下大厂面试题,比较热门的面试题 转存中…(img-MUY9UCuc-1626849337355)] [外链图片转存中…(img-Ne8bK6bu-1626849337357)]
  • uniapp入门

    2021-12-31 22:33:41
    提供了很多服务开发者的工具,如 HbuilderX =>开发者工具、uniapp=>开发框架 uni-app是一个使用vue.js开发所有前端应用的框架、开发者编写一套代码,可发布到iOS、Android、Web、以及各种小程序、快应用等多个...
  • React

    2021-08-15 14:40:54
    从职业角度,有利于求职和晋升,有利于参与潜力大的项目 React特点 声明设计 −React采用声明范式,可以轻松描述应用。 命令编程:命令“机器”如何去做事情(how),这样不管你想要的是什么(what),它都会按照你...
  • 事件函数加载天地图 首先使用hbuilder创建一个基本的web项目(包含js、css、img、的文件夹) [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Yy0Bq8Kk-1624431194480)(C:\Users\...
  • Uni-App基础知识

    2021-05-05 17:41:00
    Uni-App Uni-App的基础 1.1.创建uni-app文件: ...1.需要复制当前路径到HBuilder X目录下 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hojWd8Mu-1620207590710)(D:\前端分班\Uni_App\im
  • html基础-几种布局

    2021-07-31 17:21:47
    再把www目录下这个(0719导入)hbuilder 注意:不能导入原来的项目 6.运行,在浏览器输入localhost 后端得到值 3.css复习 css 层叠样式表 级联样式表 css中class的命名规范: ...
  • Vue项目工程化+路由

    2022-05-13 13:34:41
    npm config set registry https://registry.npm.taobao.org Vue目录解析 (以HbuilderX构建为例) [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GRx6tpqX-1652420150627)(Vue.js培训笔记/...
  • HTML

    2021-11-18 22:14:16
    HBuilderX 介绍 安装 主题 字体 备注字体颜色 项目结构 jQuery语法支持 Web概述 静态页面HTML 概念 结构 入门案例 语法 常用标签 标题标签 列表标签 图片标签 超链接标签 Input标签 表格标签 ...
  • HTML从入门到精通

    万次阅读 多人点赞 2021-05-31 20:47:28
    1.2 HBuilderX 7 1.2.1 介绍 7 1.2.2 安装 7 1.2.3 主题 9 1.2.4 字体 9 1.2.5 去掉px转rem提示 9 1.2.6 备注字体颜色 10 1.2.7 项目结构 11 1.2.8 jQuery语法支持 11 1.3 Web概述 12 1.4 静态页面HTML 13 1.4.1 ...
  • HTML前端基础

    2021-11-11 11:15:51
    HBuilderX 介绍 安装 项目结构 jQuery语法支持 Web概述 静态页面HTML 概念 结构 入门案例 语法 常用标签 标题标签 列表标签 图片标签 超链接标签 Input标签 表格标签 表单标签 其他标签 永和...
  • 快速上手uni-app,基础知识,基本使用

    万次阅读 多人点赞 2019-12-26 15:40:56
    uni-app的基本使用 视频链接:uni-app配套...HTML 中的 div 001 - 组件的属性 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8DJkMNQy-1577345817376)(./images/2view.png)] 002 - 代码案例 ...
  • ​ 对于外链式,由于页面加载脚本文件会阻塞其他资料的下载,因此对于不需要提前执行的代码,将 3.1.4 JavaScript 阻塞问题 为了降低 JavaScript 阻塞问题对页面造成的影响,可以使用 HTML5 为 async 用于异步加载...
  • application.yaml配置文件

    千次阅读 2020-06-22 19:46:09
    #对实体类对象Person进行属性配置 person: id: 1 name: lucy hobby: [吃饭,睡觉,打豆豆] family: [father,mother] map: {k1: v1,k2: v2} pet: {type: dog,name: 旺财} (2)再次执行测试 [外链图片转存失败,源站...
  • 入门学习JavaScript_初识JavaScript

    千次阅读 多人点赞 2020-10-24 20:30:56
    JavaScript是Web开发领域中的一种功能强大的编程语言,主要用于开发交互的Web页面。在计算机、手机等设备上浏览的网页上,大多数的交互逻辑几乎都是由JavaScript实现的。 语言 作用 及说明 HTML 结构_决定...
  • uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 DCloud...
  • 前端知识(css,html)

    2022-03-05 15:32:03
    自己所写的代码都放这里面 结束 编码工具:HBuilder 标签语义化 在合适的地方使用合适的标签 为什么?因为浏览器只认识标签,没有语音语调所表达的东西只能使用对应的标签来表示 好处:语义化做得好,可以使搜索引擎...
  • uniapp基础知识

    2021-11-30 20:52:23
    文章目录uni-app介绍 [官方网页](https://uniapp.dcloud.io/resource)环境搭建利用HbuilderX初始化项目运行项目介绍项目目录和文件作用全局配置和页面配置通过globalStyle进行全局配置创建新的message页面通过pages...
  • Awesome Mac :好用的Mac软件和教程

    千次阅读 2019-07-09 09:14:45
    - 在Mac上查看、编辑iOS App的沙盒文件, UserDefaults, Keychain项 [[外链图片转存失败(img-anQM5Uky-1562634675432)( https://itunes.apple.com/cn/app/woodpecker/id1333548463 )] 正则编辑器 Patterns ...
  • 前端,html,css,js,vue

    千次阅读 2021-08-10 19:24:52
    随着软件技术的日趋成熟,前端内容也呈现爆炸的增长,和革命性的变革,前端借鉴后端的发展经验,也开始应用分层体系,也开始术有专攻,解决一个专项的问题,也开始变得庞大和臃肿。从简单单一功能向框架过渡。今天...
  • 记录一次微信小程序开发流程 一眨眼就到了2022年的五月一假期了,时光过的是有点快。希望疫情抓紧结束吧,我想过上正常的生活。这几天趁着月底没事,...[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 192
精华内容 76
关键字:

hbuilder外链式