关注
分享
H5 日常笔录
梁同学与Android
Android 领域优质创作者，专注于安卓原生开发，专注于 Scratch、Python、Scratch、C、C++ 青少年编程等级考试等。等级考试真题请见链接库：https://download.csdn.net/download/qq_43290288/88548582
展开
-
单标签和双标签的区别
文章目录1.单标签1.双标签3.特点4.区别1.单标签在HTML基础中，单标签就是由一个标签组成的。例如<br>、<hr>、<img>、<input>、<param>、<meta>、<link>1.双标签而双标签则是由“开始标签”和“结束标签”两部分构成（这两部分是相同的）。例如<html>...原创 2020-03-03 09:40:11 · 4705 阅读 · 0 评论 -
XHTML 与 HTML 之间的差异
文章目录如何为 XHTML 做好准备最主要的不同：元素必须被正确地嵌套XHTML 元素必须被关闭空标签也必须被关闭XHTML 元素必须小写XHTML 文档必须拥有一个根元素通过开始编写严格的 HTML，你可以为 XHTML 做好准备。如何为 XHTML 做好准备XHTML 与 HTML 4.01 标准没有太多的不同。所以将你的代码升级至 4.01 是个不错的开始。我们的完整的《HTML 4...原创 2020-03-03 09:22:39 · 592 阅读 · 0 评论 -
Bootstrap4 .ml-auto元素居右.mr-auto元素居左
Bootstrap4 导航栏元素居右Bootstrap 4正解：.ml-auto元素居右.mr-auto元素居左转载 2019-12-26 22:42:55 · 5359 阅读 · 1 评论 -
CSS设置文字不能被选中
设置文字不能被选中 以下为css样式-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;转载 2019-12-08 00:33:49 · 166 阅读 · 0 评论 -
H5-代码的执行顺序影响着系统的性能:(position)
在写代码的时候一定要注意顺序，因为代码一般是从上往下执行的，所以避免不了会出现性能的问题：代码讲解实例:.three { position:absolute; right:0px; top:0px; width:30%; height:30%; }.three { right:0px; top:0px; width:30%; height:30%...原创 2019-11-26 14:56:00 · 298 阅读 · 0 评论 -
怎么样让body、div占满整个浏览器的窗口
设置如下代码:html,body{ height: 100%;}原创 2019-11-13 18:25:52 · 1538 阅读 · 0 评论 -
padding-bottom属性的作用
使用 padding-bottom 设置高度基于宽度的自适应原创 2019-11-13 12:36:34 · 2484 阅读 · 0 评论 -
css怎样将图片设置成正方形，而且随着浏览器窗口大小的改变而自适应缩放
效果图如下:代码实例如下:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> ...原创 2019-11-13 12:33:11 · 2611 阅读 · 0 评论 -
top,right,bottom,left设置为0有什么用？
left等定位属性，要使用时，它必需是已定位的元素。（absolute，relative，fixed） eg：img{position:absolute;left:100px} 如果去掉position：absolute，则left失效。对float：left这种浮动元素也是失效，反正就是定位了才让用哈。...转载 2019-11-13 12:27:21 · 1386 阅读 · 1 评论 -
li变成行内块级元素之后，每一个li之间会有间隙，这是为什么?
今天在学习h5的时候，写一个导航栏，当把li变成行内块级元素之后，发现每一个li之间都会有一个小小的间隙，这个间隙是浏览器自带设置的，所以我们要把它清除掉，为什么呢，因为如果不清楚掉的话，每个浏览器默认的东西都不一样，假如换一个浏览器的话，页面可能就会有想不到的后果，所以要用font-size:0;这一行来去掉间距，如果想保留这个间距的话，可以自己设置，margin:4px;...原创 2019-11-13 09:09:08 · 2147 阅读 · 0 评论 -
CSS之定位布局（position，relative定位布局技巧）
1.什么是定位：css中的position属性，position有四个值：absolute/relative/fixed/static(绝对/相对/固定/静态(默认))通过定位属性可以设置一些不规则的布局，使用TLBR(top,left,bottom,right)来调整元素位置。2.各个属性值的描述：*static(静态) 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分...转载 2019-11-13 08:23:48 · 10032 阅读 · 3 评论 -
什么是脱离文档流？什么是文档流？
浏览器默认的排版方式就是文档流(或者叫标准流)排版方式。脱离文档流就是不按照文档流的排版方式。文档流的排版方式是：块级元素垂直排布，行内元素和行内块级水平排布。不脱离就是按照这种方式排版,从左到右，从上到下。例如给元素设置浮动或者绝对定位，这就是脱离文档流布局以上的介绍参考:http://www.imooc.com/qadetail/270188加以补充:脱离文档流就是元素像飞起来一样，或...原创 2019-11-13 08:10:00 · 3097 阅读 · 1 评论 -
background-attachment: fixed的用法
CSS background-attachment 属性标签定义及使用说明background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。默认值: scroll继承: no版本: CSS1JavaScript 语法: object object.style.backgroundAttachment=“fixed”属性值scroll 背景图片随着页面的滚动而...原创 2019-11-12 10:06:47 · 5700 阅读 · 0 评论 -
margin 0 auto 什么意思
今天在写h5的时候遇到了居中的问题(网页自适应)，让后就上网上查了相关的资料，顺便整理一下margin中两个参数的意思:margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）...原创 2019-11-12 09:20:23 · 20080 阅读 · 0 评论 -
select默认文字，不出现在下拉选项中
<select> <option value="" disabled selected hidden>choose</option> <option value="0">0</option> <option value="1">1</option></select>转载 2019-11-07 19:43:43 · 823 阅读 · 0 评论 -
怎样通过css控制table的部分td
我们先看一个table的简单例子:预期达到的效果是这样的:即每一行的第二个td都有个20px的内边距,我们大家习惯上为每一个需要所近距离的td设置padding-left:20px;但是这种写法是不标准，效率低的。下面给大家介绍一下这个东西:CSS3 :nth-child() 选择器定义和用法:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n...原创 2019-11-07 09:58:38 · 1515 阅读 · 0 评论 -
table表格的两个实现方法(怎样消除内部边框的间距)
在用table写表格的时候我们初学者容易写成这样:而要写成下面这样:方法一:代码实例如下:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> table {...原创 2019-11-05 21:16:37 · 7558 阅读 · 0 评论 -
a标签的属性问题！:link不起作用！怎么回事！
最近在学习h5:伪类选择器,发现一个问题在使用a标签的时候，4个状态设定颜色，:link总是不显示，或者被:visited所替代；如：a:link{color: red;}a:visited{color: green;}a:hover{color:yellow;}a:active{color:gray;}但是我显示出来是绿色，:link并没有起作用，就算把:visited删掉，:li...原创 2019-10-21 16:32:08 · 8963 阅读 · 19 评论 -
标签的属性和样式属性有什么区别
首先我们来说一点:网页制作标准是标签跟样式分离，比如，<table width="200px"></table>这里面的width属于标签属性，标准是尽量少用标签属性，多用css样式表，所以你可能会这样写:<table style="width:200px"></table>这种方式是通过style="" 给标签添加css样式如果写在cs...原创 2019-11-05 21:07:00 · 2421 阅读 · 0 评论 -
<header>标签为什么不能改变背景颜色呢？
今天在写HTML5标准布局的时候，遇到了一个这样的问题，header标签不能够改变背景颜色，之后在网上查了之后，找到了问题的所在。代码实例如下:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head>&l...原创 2019-10-27 18:03:53 · 3974 阅读 · 1 评论 -
怎么样给单选按钮前面插入小图标
我们要实现下面的样式在男和女的前面插入一个图标思路:创建一个小小的容器，并给容器设置宽高，将图标放进去代码实例:css部分: .icon-man{ width:50px; height:50px; } .icon-women{ width:50px; height:50px; } <tr bgcolor="white"> <td>...原创 2019-11-02 16:04:42 · 1476 阅读 · 0 评论 -
请问为什么像cellspacing="0"和bgcolor="red"的属性在style里面不起作用呢？
今天在写h5表格的时候遇到了这样的一个问题，给表格设置边框与边框之间的间隙大小cellspacing，将其写在table里面起作用，而写在style里面字体会变暗，不会起作用原因就是，像cellspacing、bgcolor、cellpadding这些都是table自身的属性，所以写在style里面是没有用的...原创 2019-11-02 10:37:16 · 509 阅读 · 0 评论 -
h5标准布局
下面我们来看一张图片：HTML5标准布局结构代码为:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><article> <header> ...原创 2019-10-28 15:23:45 · 1855 阅读 · 1 评论 -
h5中的结构元素header、nav、article、aside、section、footer详解
结构元素不具有任何样式，只是使页面元素的的语义更加明确header元素header元素是一种具有引导和导航作用的的结构元素，该元素可以包含所有通常放在页面头部的内容。header元素通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。<header> <h1>网页主题</h1></header&...转载 2019-10-28 15:15:29 · 3279 阅读 · 0 评论 -
css display:flex 属性
请点击下面的链接查看：https://www.jianshu.com/p/d9373a86b748转载 2019-10-27 17:37:48 · 183 阅读 · 0 评论