木子屋 Dnawo's BLOG

分类:HTML/CSS

共 133 篇

Markdown 语法入门指南

Markdown 是一种轻量级标记语言,让你用纯文本编写格式化的文档。它语法简洁、易学易用,广泛应用于笔记、博客、文档写作等场景。下面从零开始,带你快速掌握 Markdown 的核心语法。 ■ 标题 使用 # 号表示标题,1~6 个 # 分别对应一级到六级标题,# 与文字之间需要加一个空格。 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 建议:一篇文章只使用一个一级标题,其余用二级及以下标题组织内容层次。 ■ 文本样式 Markdown 支持多种文本强调方式: 加粗 **文字** 或 __文字__ 斜体 *文字* 或 _文字_…

DIV使用opacity设置透明后子元素不能取消透明解决方法

DIV使用opacity设置透明后,子元素也跟着一起透明,结果导致DIV里边的文字看不清,尝试给子元素设置opacity: 1,发现不能取消透明: 将opacity放在background-color中设置可解决此问题: 相关链接 .CSS的opacity设置背景透明字体不透明:https://blog.csdn.net/qq_52070860/article/details/124374739

CSS3动画学习笔记

CSS3动画需@keyframes规则和animation属性一起配合使用才能生效,@keyframes规则定义了一组样式,它设置了多个关键点时元素的样式(也称关键帧),animation属性定义了动画使用的规则、时长、速度等信息。 1、@keyframes规则 @keyframes规则定义了一组样式,它设置了多个关键点时元素的样式,它有两种写法: 或者: from等同于0%,to等同于100%,显然0%-100%形式可以更加精确的控制动画。为能兼容各种浏览器,推荐写法: 2、animation属性 animation属性定义了动画使用的规则、时长、速度等信息,animation的属性有: animation-name:指定要绑定到的关键帧的名称;…

jQuery-1.8.0触发checkbox表单click事件的一个坑及解决方法

在页面引用了jQuery-1.8.0,给checkbox表单添加click事件: 手动点击checkbox触发click事件一切正常,改用jQuery触发click事件就不正常了: 页面总是先alert然后checkbox状态才改变,顺序反了,表现很怪异:明明alert显示的是false但checkbox却是选中状态,正常应该先checkbox状态变为选中然后alert显示true才对,查了下原因: jQuery低版本在模拟点击时,首先触发click回调函数,回调函数执行完后再去修改checkbox的状态。 最终解决方法: 改用change事件 或 升级jQuery到1.9.0(含)以上版本 都可解决!!!

HTML打开WEB版百度地图标点和导航示例

开发者按照URI API接口规范构造一条标准的URI,便可在PC&移动浏览器端直接调起百度地图产品(如百度web地图、百度地图客户端)进行地图显示或检索、线路查询、导航等功能,满足开发者实现特定业务场景下直接调用地图产品实现应用请求。 URI API提供以下功能: >.标注:根据名称或经纬度,调起百度地图产品展示一个标注点,如,分享位置,标注店铺; >.POI(地点)检索:根据关键字进行本地检索、周边检索、区域检索,调起百度地图产品展示POI检索结果页; >.公交、地铁线路查询:根据线路名称,调起百度地图产品展示公交、地铁线路图; >.公交、驾车、步行导航:根据起/终点名称或经纬度,调起百度地图产品展示路径规划方案页;…

DIV+CSS 网页布局之:两列布局[转]

1、宽度自适应两列布局 两列布局可以使用浮动来完成,左列设置左浮动,右列设置右浮动,这样就省的再设置外边距了。 当元素使用了浮动之后,会对周围的元素造成影响,那么就需要清除浮动,通常使用两种方法。可以给受到影响的元素设置 clear:both,即清除元素两侧的浮动,也可以设置具体清除哪一侧的浮动:clear:left 或 clear:right,但必须清楚的知道到底是哪一侧需要清除浮动的影响。也可以给浮动的父容器设置宽度,或者为 100%,同时设置 overflow:hidden,溢出隐藏也可以达到清除浮动的效果。 两列宽度自适应,只需要将宽度按照百分比来设置,这样当浏览器窗口调整时,内容会根据窗口的大小,按照百分比来自动调节内容的大小。…

HTML5<video>报错Uncaught (in promise) DOMException解决方法[转]

在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动播放音频和视频。(Google的某些做法还真是令开发者不爽)。就算你为video或audio标签设置了autoplay属性也一样不能自动播放。 如果你用 javascript 代码显式调用play方法: 你将会在控制台看到如下异常: Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. Firefox也有类似的异常提示: NotAllowedError: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.…