HTML/CSS
马大头
这个作者很懒,什么都没留下…
展开
-
HTML标签速查列表
HTML 速查列表HTML 速查列表. 你可以打印它,以备日常使用。HTML 基本文档!DOCTYPEhtml>html>head>title>文档标题title>head>body>可见文本...body>html>基本标签(Basic Tags)h1>最大的标题h1>h2> . . . h2>h3> . .转载 2017-05-24 14:56:33 · 470 阅读 · 0 评论 -
CSS中提升优先级属性!important的用法总结
前提:我们有时候设置了css属性,但是在chrome查看时候发现设置的属性并没有起作用,用开发者工具查看,属性上被画了横线color:red;被横线划掉的Css是因为属性的不支持或者层次被覆盖具体可能性有以下几种:浏览器对样式有支持和不支持属性,被横线划掉的属于不支持属性浏览器会自动调用跟指定元素有关的所有样式,被横线划掉的属于不次级转载 2017-11-07 09:54:12 · 6192 阅读 · 0 评论 -
理解伪元素 :before 和 :after
原文出处: Thoriq Firdaus 译文出处:听海阁(@听海JamiE) 层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”。你一定听说过这个词,尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章事实上,转载 2017-10-13 14:15:24 · 363 阅读 · 0 评论 -
CSS 的优先级机制讨论
转自 : http://blog.csdn.net/a250758092/article/details/52212099前几天遇到了一个问题就是,我在引入bootstrap,以下简称btp。有些时候我们发现,当我们在内部或者标签内重写样式的时候还是无法覆盖BTP你的样式,不是说内联》内部》外部吗?事实上这个条件的前提是 这些样式的权值相同的情况下定转载 2017-12-19 19:12:27 · 176 阅读 · 0 评论 -
css样式加载顺序及覆盖顺序深入理解
代码如下:{ height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_block { border: solid 2 #AE0; } 查找一些教材中(w3schools等),只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”...转载 2018-03-09 17:16:48 · 4962 阅读 · 0 评论 -
关于html,css,js三者的加载顺序问题
123456<head lang="en"> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/*.css"> <script src="js/*.j转载 2018-03-05 14:21:22 · 474 阅读 · 1 评论 -
浅谈css的伪元素::after和::before
css中的::after和::before已经被大量地使用在我们日常开发中了,使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解,究竟他们是做什么的?如何使用他们?什么时候应该使用他们?笔者总结了一些对伪元素的理解和使用经验。一、概念:1.定义The CSS ::before(::after) pseudo-element matches a virt...转载 2018-03-05 15:07:46 · 34643 阅读 · 0 评论 -
html input="file" 浏览时只显示指定文件类型 xls、xlsx、csv
[html] view plain copy<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" /> 自定义后缀名的限制:比如设置了个自定义文件 xx...转载 2018-03-27 16:21:00 · 5321 阅读 · 0 评论 -
如何在Html中引入外部页面
转自 : https://blog.csdn.net/liuyan19891230/article/details/51003067目录(?)[+]通常一个网站的head,foot,rightBar(右侧的条目)都是相同的,这部分内容可以通过引入的方式,否则一旦需要修改,就需要修改十个,二十个,乃至更多的页面,是一项既繁琐但又毫无意义的工作。借助于PHP或者JSP,使用include能够轻松解决此...转载 2018-03-29 12:57:42 · 8687 阅读 · 0 评论 -
区分CSS3中 transform, transition, translate, rotate, scale, 过渡, 动画
经常被这些这些属性搞晕,今天来系统总结一下, 下次忘了直接过来看...首先解释一下名词, 注意标题中提到的几个词并不一定都是平级关系transform: 其实与width,height等属于是平级关系, width代表宽度, height代表高度, transform代表缩放,平移,旋转等translate, rotate, scale 这三个属性可以理解为 transform的子属性:trans...原创 2018-06-07 17:45:48 · 4315 阅读 · 0 评论 -
html静态页面引入公用组件, 开启SSI配置使shtml支持include公用的页头页脚
转自 : http://www.phpvar.com/archives/3278.html 这是文章是为了实现前端人员编写编写项目众多静态文件时,能像php等开发语言一样使用include将页面公有的header/footer/sidebar作为公用、独立、单一的文件引入到各页面上,这样修改这些页面公用部分时就能单独修改一次对应的独立文件,就能全站更新,做到一劳永逸!稍微对php或...转载 2018-07-18 13:27:20 · 3678 阅读 · 0 评论 -
HTML+CSS中因文字换行而引发问题的处理方法
1.当我们需要让一段内容的行内垂直居中,如果文字比较短,直接设置 heigth=x 然后将 line-height设置成相同的x即可。但是一旦文字过长而变成多行,该方法就不适用了而且会造成样式错乱(背景色只有第一行文字有,第二行文字完全跳出区域样式外等问题)给p标签或文字所在标签设置:display: table-cell;vertical-align: middle;如果设置...原创 2018-07-19 15:40:13 · 7224 阅读 · 1 评论 -
网页内容高度不够时,让footer处于页面底部的方法(不是固定在底部)
转自 : https://blog.csdn.net/buppt/article/details/78049780亲测有效:<body class="main"> <header></header> <content></content> <footer></footer&转载 2018-07-20 16:57:53 · 2903 阅读 · 2 评论 -
easyui的datagrid的右侧区域空白及列数横向不能填满
转载自 : http://www.qdfuns.com/notes/28565/9e67bb84a70fc6dae1e80e0ba8ee9470.html先看看问题:右侧这一列空白,传说是为表格的竖直滚动条预留的。。。-------------------------------------------------------------------------分割转载 2017-10-27 15:58:36 · 4171 阅读 · 0 评论 -
CSS中 !important 的使用
CSS的原理:我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 首先,先看下面一段代码:DOCTYPE HTML>html>head>meta http-equiv="Content-Type" content="text/html; charset=utf-8">title>测试Css中的!Important区别title> head> sty转载 2017-08-23 09:46:37 · 2444 阅读 · 0 评论 -
HTML中锚点的使用
版权声明:本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。转载时请标注http://blog.csdn.net/marksinoberg.说到锚点,我们也许会需要稍微的思考一下,什么是锚点?官方的答案是这样的: 那么你可能就会有下面的疑问,锚点能做什么啊?回答就是,锚点可以理解为一个标记,一个用于而且便于寻找转载 2017-05-25 17:58:54 · 675 阅读 · 0 评论 -
CSS的创建
CSS 创建当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。如何插入样式表插入样式表的方法有三种:外部样式表内部样式表内联样式外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头转载 2017-06-01 11:53:48 · 268 阅读 · 0 评论 -
CSS中position属性absolute与relative 详解
position属性absolute与relative 详解最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记。一.解读absolute与relative http://www.blueidea.com/tech/web/2006/4249.asp很多朋友问转载 2017-06-02 10:43:28 · 718 阅读 · 0 评论 -
a标签点击跳转或表单提交前弹出确认框
①在html标签中出现提示[html] view plain copya href="http://www.baidu.com" onclick="if(confirm('确认百度吗?')==false)return false;">百度a> ②在js函数中调用[javascript] view转载 2017-06-29 15:06:36 · 4615 阅读 · 0 评论 -
html的空格显示距离问题
一、使用全角空格全角空格被解释为汉字,所以不会被被解释为HTML分隔符,可以按照实际的空格数显示。二、使用空格的替代符号替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。空格的替代符号有以下几种:名称编号描述 不断行的空白(1个字符宽度) 转载 2017-06-20 18:17:04 · 1723 阅读 · 0 评论 -
在HTML网页中设置弹出窗口的办法
【1、最基本的弹出窗口代码】 其实代码非常简单: window.open ('page.html') --> 因为这是一段javascripts代码,所以它们应该放在之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open ('page.html') 用于控制弹出新的窗口page.htm转载 2017-06-30 14:30:29 · 117321 阅读 · 4 评论 -
小记CSS中逗号和空格的区别
如下:p.center 代表所有class="center"的p标签p .center 代表所有class="center"的p元素的子元素p,.center 代表所有p元素和所有class="center"的元素p.center{ text-align:center;}我是标题h1我是段落p原创 2017-07-05 11:56:44 · 1359 阅读 · 0 评论 -
用html如何把页面分割成多个文件,由多个文件拼接而成?
摘要:不同平台:pc端静态html分割页面,达到类似php等动态页面的include引入页面效果;手机端单一HTML5页面创建多个页面。 用html把首页分成三个文件 通过load()方法拼接html页面 在PHP、JSP等动态页面开发中,页面里引入其它页面只需include()进来就可以实现页面的分离。如果用HTML,可转载 2017-07-15 09:39:22 · 5081 阅读 · 0 评论 -
在浏览器中显示TXT 文本中的换行(html/txt)
记事本,word等以回车换行。html以或等会形成一行。如何统一txt与 html,就是在普通txt的开头加一个pre标签。这样,作为txt,它仍能在文本编辑器中,方便地阅读、编辑、搜索。同时,又能在浏览器下直接保持格 式显示。 pre 标签,是以txt为html的关键。它让txt中的tab缩进、回车换行仍能保留在html中。但直接使用会导致过长的文字撑宽浏览器,要想自动换行,需要如下写法转载 2017-07-15 11:19:50 · 5916 阅读 · 3 评论 -
HTML中列表标签dl dt dd语法结构与使用(类似 ul,ol标签)
dl dt dd认识及dl dt dd使用方法 标签用于定义列表类型标签。dl dt dd目录dl dt dd介绍结构语法dl dt dd案例dl dt dd总结一、dl dt dd认识 - TOPhtml 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,转载 2017-08-08 09:52:47 · 4043 阅读 · 1 评论 -
Font Awesome------设计原理分析
Font Awesomehttp://www.bootcss.com/p/font-awesome/不知道什么时候起,人们探索发现,CSS 嵌入字体不仅可以用来丰富 web 字体的表现,更可以用来实现 icons。原理是很简单的,自定义一种字体,给不同的字配置作为 icon 的图案,然后通过 CSS 嵌入其中使用。使用它可以轻松地解决上面所遇到的问题,因为一旦将 icons 当作普转载 2017-08-11 09:59:48 · 1099 阅读 · 0 评论 -
如何在一个div中使其子div居中
今天要讲的主要内容如题,**即如何在一个div中使其子div居中**。假设父div的类名为father,子div的类名为son。在html中的形式如下: 接下来用css设置son居中的方法主要有4种。方法一(使用绝对布局): .father{ width:500px; height:500px; position:relative;转载 2017-07-29 13:12:32 · 634 阅读 · 0 评论 -
bootstrap-table表格详解实例
废话不多说,下面实例开始(可以直接拷)1.引入资源部分<!-- jq --><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <!-- 样式 --><link rel="stylesheet" href="//cdnjs.clo转载 2019-01-26 23:50:19 · 1338 阅读 · 0 评论