代码编织梦想

HTML5 向网页嵌入视频和音频-爱代码爱编程

来源 | http://www.fly63.com/article/detial/9503 现在很多网站上都会使用到视频和音频,html5 中提供了展示视频和音频的标签。向网页嵌入视频可以使用 <video> 标签,而嵌入音频可以使用 <audio> 标签。这两个标签都是 html 5 中新增的标签,两个标签中的属性和方

CSDN湘苗培优|火热报名中-爱代码爱编程

湘苗培优 火 热 报 名 中 CSDN高校俱乐部 在这里,你能获得 CSDN技术认证 与企业导师零距离技术交流 参与线下技术沙龙活动 求职简历指导 参与项目交付 并有机会企业内推 现在报名即可选择由企业支付学费的订单式培养,或入职后再支付学费等多种付费模式,Z大程度保障学员利益,让你免受学费困扰。你还在犹豫

Android Studio 和 Gradle 插件使用全新版本编号-爱代码爱编程

作者 / Jamal Eason, Product Manager 第一版 Android Studio Arctic Fox (2020.3.1) 以及 Android Gradle 插件 (AGP) 的 7.0.0-alpha01 版双双在 Canary 通道已正式发布。在此版本中,我们调整了 Android Studio 和 Gradle 插

JSP前端我们所需要必备的知识-爱代码爱编程

学习java前端我们就需要有一定的兴趣。借此,,我们才能更好的学习。 学习前端,我们首先需要了解, 什么是前端? 前端即网站前台的部分,通俗的讲就是我们平时在浏览器搜索出来的网页都属于前端,前端分为移动端(手机端)和PC端(电脑端)两部分。 前端页面又分为静态页面和动态页面,在最开始时,前端页面主要是静态网页,所谓的静态网页就是没有与任何用户进行交互,仅

前端开发,实际开发中浏览器兼容性常见问题-爱代码爱编程

1.认识各大浏览器及其内核 国内常见的浏览器有:IE、Firefox、Safari、Opera、Google Chome、QQ浏览器、搜狗浏览器、百度浏览器、猎豹浏览器、UC浏览器、360浏览器、遨游浏览器、世界之窗浏览器等等。 五大主流浏览器:IE、Google Chrome、Firefox、Safari、Opera。 四大浏览器内核:Tri

前端开发,实际开发中CSS常用小技巧-爱代码爱编程

1.文字内容一行展示不下,展示… overflow:hidden: white-space:nowrap: text-overflow:ellipsis: 2.给Input标签的placehoder属性设置样式(需兼容各浏览器) html代码 <div id="container"> <input id="J_myInp

2020-12-11 html上课笔记-爱代码爱编程

web前端 web前端开发就是做软件开发、微信小程序 、网页设计、网站建设、APP开发、游戏开发这块的。 web前端的软件有:1,Sublimie 2,Vscode 3,Hbuilder等等。其中Hbuilder这个软件,专业前端人员使用笔记多。 学习web前端需要掌握的技术有: 1.HTML:超文本标记语言(Hyper

元素布局之排排坐、对齐齐-爱代码爱编程

元素布局之排排坐、对齐齐 HTML页面布局中,经常会碰到需要将一些标签元素排列对齐的情况,本篇文章就简单整理了元素水平居中和垂直居中的一些方法。 1.水平居中 1.1 块状元素居中站 margin:0 auto:设置元素上下间距为0,左右边距自动,也即实现水平方向居中对齐 <!DOCTYPE html> <html

CSS-爱代码爱编程

Css基本语法结构 一、概述 CSS是指层叠样式表(Cascading Style sheets);样式定义如何显示HTML元素;样式通常存在样式表中;二、选择器 语法 选择器(selector){样式名称1:值;​ 样式名称2:值; ​ … } 注意事项: 书写位置:头部标签之中,style标签之内; 值如果是多个单词,需要加双引

理解vue中less的scoped和/deep/工作原理-爱代码爱编程

理解vue中less的scoped和/deep/工作原理 scoped/deep/实战总结 scoped vue项目一般是单页面、多组件,整个项目共用一个css样式表,有时候我们在写组件的过程中并不希望组件的样式污染全局作用域(毕竟不同组件之间重名的class很正常),因此我们会在组件的样式标签上加上scoped,例如下面这个最基本vue组件

less的基本语法以及使用-爱代码爱编程

最近在项目的开发过程中,发现自己的css的代码的层级解构不明确,而且很多的地方写的比较凌乱。在后期添加功能的过程中,往往都是在上面加一段css,有时候比较懒,就会直接缀在css代码的最后。这往往导致在后期修改css代码的时候,很不容易找到自己的代码。 less的出现很大程度上的帮我们解决了这个问题。less是css的预处理语言,它扩展了css语言,增加了变

flex布局常见父项属性(display:flex;)-爱代码爱编程

** flex布局常见父项属性(display:flex;) ** 1.flex-direction:设置主轴方向 row 设置X轴为主轴,从左到右显示 column 设置Y轴为主轴 从上到下显示 row-reverse 设置X轴为主轴 从右到左显示 column-reverse 设置Y轴为主轴 从下到上显示 2.justify-content:

XSS、CSRF 及 SQL注入攻击及防御-爱代码爱编程

一.XSS 1.什么是XSS XSS 全称是 Cross Site Scripting(即跨站脚本),为了和 CSS 区分,故叫它XSS。XSS 攻击是指浏览器中执行恶意脚本(无论是跨域还是同域),从而拿到用户的信息并进行操作。 窃取Cookie。监听用户行为,比如输入账号密码后直接发送到黑客服务器。修改 DOM 伪造登录表单。在页面中生成

PC端静态页面项目之品优购商城-爱代码爱编程

PC端静态页面项目之品优购商城 文章目录 PC端静态页面项目之品优购商城前言一、项目搭建1.1 创建文件夹1.2 创建文件1.3 模块化开发1.3.1 有些样式和结构在很多页面都会出现,比如`页面头部和底部`,大部分页面都有。此时,可以`把这些结构和样式单独作为一个模块`,然后重复使用1.3.2 这里最典型的应用就是 common.css 公共样

day05浮动-爱代码爱编程

文章目录 day05浮动浮动什么是浮动?浮动属性浮动的作用浮动的问题清浮动的几种方法伪元素 day05 浮动 浮动 什么是浮动? 标签的浮动是指设置了浮动属性的标签会脱离标准流的控制,移动到其父标签的指定位置 浮动属性 float leftrightnone 默认浮动的作用 图文环绕页面布局浮动的问题 标签浮动以后,脱离的

CSS背景样式background-color和backgroud层叠性以及使用注意点-爱代码爱编程

**注意点1:**如果你的背景图片和浏览器可视区背景色(透明/白色)是一致的(区分不开),就需要自己给这个盒子设置非白色的背景颜色来衬托出你的背景图片;如果背景图片里面有其他颜色就不用考虑这个。**注意点2:**因为background是一个简写属性,里面包含background-color,所以如果同时设置了这两个属性,注意它们的层叠性问题。 ( 说明:

公共样式类css-爱代码爱编程

@charset “utf-8”; /* CSS Document */ html,body{height: 100%;width: 100%;word-wrap:break-word;} *{margin: 0;padding: 0;font-size: 0.14rem;} .tc{text-align: center} .tr{text-align:

CSS--------定位position 溢出 圆角边框-爱代码爱编程

布局核心: 盒模型(间距) 浮动 (并排) 定位 (覆盖+ 特殊位置) 定位类型position 静态定位 position:static; 默认值 静态定位不能使盒子位置变化 不适合布局 作用:解决低版本浏览器兼容问题 相对定位 position:relative; 能不能使盒子发生位置变化 yes​ 2. 参考对象:自身初始

CSS页面效果_浮动幽灵-爱代码爱编程

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

html+css+javascript,用date完成,距离某一天还有多少天-爱代码爱编程

html+css+javascript,用date完成,距离某一天还有多少天 一. 用date完成距离某一天还有多少天二.HTML部分代码三.CSS部分四.js部分 一. 用date完成距离某一天还有多少天 1.图片展示 注:因为不是视频,所以看不到每秒更新效果 二.HTML部分代码 <body> <h1 clas