h4 | 易学教程

03-高级选择器

阅读更多关于 03-高级选择器

高级选择器分为：后代选择器子代选择器并集选择器交集选择器后代选择器使用空格表示后代选择器。顾名思义，父元素的后代（包括儿子，孙子，重孙子） 1 .container p{ 2 color: red; 3 } 4 .container .item p{ 5 color: yellow; 6 } View Code 子代选择器使用>表示子代选择器。比如div>p,仅仅表示的是当前div元素选中的子代(不包含孙子....)元素p。 1 .container>p{ 2 color: yellowgreen; 3 } View Code 并集选择器多个选择器之间使用逗号隔开。表示选中的页面中的多个标签。一些共性的元素，可以使用并集选择器 1 /*并集选择器*/ 2 h3,a{ 3 color: #008000; 4 text-decoration: none; 5 6 } View Code 比如像百度首页使用并集选择器。 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin: 0; padding: 0 } /*使用此并集选择器选中页面中所有的标签，页面布局的时候会使用*/ View Code

Typora自动编号设置

阅读更多关于 Typora自动编号设置

找到C:\Users\用户名\AppData\Roaming\Typora\themes\路径下的base.user.css，用文本编辑器打开（若不存在，则自己创建一个），将一下内容复制进去，然后重启Typora即可。以下是我的Typora自动编号配置: /* 正文标题区: #write */ /* [TOC]目录树区: .md-toc-content */ /* 侧边栏的目录大纲区: .sidebar-content */ /** initialize css counter */ #write, .sidebar-content,.md-toc-content{ counter-reset: h2 } #write h1, .outline-h1, .md-toc-item.md-toc-h1 { counter-reset: h2 } #write h2, .outline-h2, .md-toc-item.md-toc-h2 { counter-reset: h3 } #write h3, .outline-h3, .md-toc-item.md-toc-h3 { counter-reset: h4 } #write h4, .outline-h4, .md-toc-item.md-toc-h4 { counter-reset: h5 } #write h5,

Adding a separator line alongside a heading

阅读更多关于 Adding a separator line alongside a heading

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: This i what i try to achieve. Thing is i want it to go with a heading if possible and occupy te rest of the available space from its container. <div class="col-xs-12"> <h4>Image Boxes <span class="sep"></span></h4> </div> This is the html h4 .sep{ height:1px; width: 100%; display: inline-block; background: grey; } And this the CSS I am using the bootstrap framework 回答1: you can do something like this .col-xs-12{ background-color: #f5f5f5; } h4{ margin: 0; padding: 0; width: 20%; display: inline-block; } .sep{ height: 1px; width: 80%; display

【luogu4124】【bzoj4521】 [CQOI2016]手机号码 [数位dp]

阅读更多关于【luogu4124】【bzoj4521】 [CQOI2016]手机号码 [数位dp]

P4124 [CQOI2016]手机号码 4521 这道题要注意卡上下界我错了写dfs版的更好考虑状态写纯方程转移那个细节把我想瓜了 1 #include<iostream> 2 #include<cstdio> 3 #include<queue> 4 #include<cstring> 5 #include<cmath> 6 #include<stack> 7 #include<algorithm> 8 using namespace std; 9 #define ll long long 10 #define rg register 11 const int N=2000000000+5,inf=0x3f3f3f3f,P=19650827; 12 ll a,b; 13 ll base[20],f[15][10][10][2][2][2]; 14 ll num[20]; 15 template <class t>void rd(t &x) 16 { 17 x=0;int w=0;char ch=0; 18 while(!isdigit(ch)) w|=ch=='-',ch=getchar(); 19 while(isdigit(ch)) x=(x<<1)+(x<<3)+(ch^48),ch=getchar(); 20 x=w?-x:x; 21 } 22 23 ll dfs

web前端——css高级选择器

阅读更多关于 web前端——css高级选择器

高级选择器分为：后代选择器子代选择器并集选择器交集选择器后代选择器使用空格表示后代选择器。顾名思义，父元素的后代（包括儿子，孙子，重孙子） .container p{ color: red; } .container .item p{ color: yellow; } 子代选择器使用>表示子代选择器。比如div>p,仅仅表示的是当前div元素选中的子代(不包含孙子....)元素p。 1 .container>p{ 2 color: yellowgreen; 3 } 并集选择器多个选择器之间使用逗号隔开。表示选中的页面中的多个标签。一些共性的元素，可以使用并集选择器 /*并集选择器*/ h3,a{ color: #008000; text-decoration: none; } 比如像百度首页使用并集选择器。 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin: 0; padding: 0 } /*使用此并集选择器选中页面中所有的标签，页面布局的时候会使用*/ 交集选择器使用.表示交集选择器。第一个标签必须是标签选择器，第二个标签必须是类选择器语法：div.active 比如有一个

前端

阅读更多关于前端

<!doctype html> Document 跳转到ddk1 跳转到底部这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签国庆国庆国庆国庆国庆国庆结束了小米官网风景这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签跳转到这,这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签回到顶部来源： https://www.cnblogs.com/123456789a/p/11637681.html

前端

阅读更多关于前端

<!doctype html> <title>Document</title> 跳转到DDK1 跳转到底部这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签国庆国庆国庆国庆国庆国庆国庆国庆结束了小米官网这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签跳转到这这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签这是h1标签这是h2标签这是h3标签这是h4标签这是h5标签这是h6标签回到顶部来源： https://www.cnblogs.com/123456789a/p/11637647.html

HTML标签分类总结

阅读更多关于 HTML标签分类总结

块级元素和行内元素块级元素 address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易，也是css layout的主要标签 dl - 定义列表 fieldset - form控制组 form - 交互表单 h1 - 大标题 h2 - 副标题 h3 - 3级标题 h4 - 4级标题 h5 - 5级标题 h6 - 6级标题 hr - 水平分隔线 isindex - input prompt menu - 菜单列表 noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容 noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容） ol - 排序表单 p - 段落 pre - 格式化文本 table - 表格 ul - 非排序列表行内元素 a - 锚点 abbr - 缩写 acronym - 首字 b - 粗体(不推荐) bdo - bidi override big - 大字体 br - 换行 cite - 引用 code - 计算机代码(在引用源码的时候需要) dfn - 定义字段 em - 强调 font - 字体设定(不推荐) i - 斜体 img - 图片 input - 输入框 kbd - 定义键盘文本 label - 表格标签 q -

js-07-事件

阅读更多关于 js-07-事件

一、js事件绑定在对象上的三种方法 a:将事件绑定在元素标签的属性上 <h3 onclick="console.log('奥特曼打怪兽')">海绵宝宝历险记</h3> b:将事件作为属性添加到对象上 <h4>海绵宝宝历险记2</h4> window.onload = function(){ var h4 = document.getElementsByTagName('h4')[0]; h4.onclick = function(){ console.log('奥特曼第二次打怪兽'); } } c:将事件作为方法添加到对象上。方法名称：addElementListener（）→ 向指定元素添加事件 <h4>海绵宝宝历险记3</h4> window.onload = function(){ var h4 = document.getElementsByTagName('h4')[0]; var fyh=function(){ console.log('奥特曼第三次打怪兽'); } h4.addEventListener('click',fyh,false); //事件名称、处理程序（回调方法）、false以冒泡方式处理 h4.removeEventListener('click',fyh,false); //将次方法移除；方法名称：removeEventListener }

订阅 h4