水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的。 如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。如下代码： html代码： 我是文本，哈哈，我想要在父容器中水平居中显示。 css代码： div.txtCenter{ text-align:center; } 水平居中设置-定宽块状元素 当被设置元素为块状元素时用text-alig...
前面面试知识总结之HTML/css篇 1.行内元素、块级元素和空（void）元素有哪些？ 行内元素：a 、b、span、img、input、strong、select、label、em、button、textarea。 块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote。 空元素(没有内容的HTML元素): br、meta、hr、link、input、img。 2. css实现垂直水平居中的方法？ 方法一：使用绝对定位+margin使其垂直水平居中； ...
div中添加背景图片必须设置宽高 例如：下述代码没有设置icon的宽高值，那么网页中也不会显示出背景图片，因为div 里面有内容才会出现背景，没内容又没设置宽高，那div就是空的，默认高度为0宽度为0。 .icon{background:url("../images/icon/shopIcon.png")left top no-repeat;float:left;} 在没有float:left时，必须要加上display:inline-block，否则图片也是不显示的 inline-block，block和inline的概念及区别 总体概念...
多列等分布局 多列等分布局常常出现在内容中，多数为同功能、同阶级内容的并排显示。 HTML代码 div class="parent"> div class="column">1div> div class="column">2div> div class="column">3div> div class="column">4div> div>123456 1.使用flex来实现多列布局 .parent{display: flex;} .column{flex: 1;} .column+ .column{margin-left: 20px;}123 2.使用table来实现多列布局 .parent{display: table; t...
不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 因此，编写灵活、稳定、高质量的 HTML 和 CSS 代码，是每一个技术人员的基本操守。 HTML ************************************************************************ 语法 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次（即两个空格）。 对于属性的定义，确...
有人在Github上面建了一个很有意思的项目。你只需要JS就可以创建网页。原理其实很简单，创建一些“html函数”，如: p, div, ul, li 来创建你的网页，而且可以和backbone无缝结合， 下面有个例子： h1(HTML Creation);p(Tags are functions.)p(Attributes are objects..., { style:{fontStyle:italic}})ul(function(){ li(Nest); li(with); li(functions!);}); 效果： HTML Creation Tags are functions. Attr...
.bottomTable{ background-color: rgb(249,249,249); z-index:99999999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */ /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight); */ _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */ overflow:visible; } 1、z-index:设置层...
黄金定律 永远遵循同一套编码规范,不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的. 语法: 1.用两个空格来代替制表符(tab);2.嵌套元素应当缩进一次(两个空格); 3.对于属性的定义,确保全部使用双引号,绝不要使用单引号; 4.不要在自闭合元素的尾部添加斜线--HTML5规范(https://dev.w3.org/html5/spec-author-view/syntax.html#syntax-start-tag)中明确说明这是可选的; 5.不要省略可选的结束标签;6.为...
一个web前端的小白，听前辈说写好笔记很关键，so 特此用博客来开始记录自己的旅程——Web之路 最近几天看的HTML 1、纠正一个认知错误 “HTML是一种编程语言” ————（错）HTML （全名：Hype Text Mark-up Language ） 超文本标记语言 ，它是一种描述性标记语言，就好比人们常用S，M，L来标记人的衣服大小尺寸，作为一个标记很明显地就说明了问题。 2、无规矩不成方圆，HTML作为标记语言，也有规则。 见到“<>”,...
4月7日学到的知识点：一：alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。二：标签下载当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。三：锚点，百度百科常用。点击a标签就会跳到对应id的位置。四：群组选择符#box1,#box2{}选中id为box1和box2的对象。五：类选择符.class六：类型选择符p{};div{}等七：样式优先级1.同级样式默...
即将毕业的软件工程大学生一枚，秋季招聘应聘的是Android，今年来到公司实习，要求做前端开发，所以一切只有现学，现在根据视频来学习，然后开这个博客记录一下自己的学习过程，废话不多说，开写。 4月6日学到的知识点：一：! 声明，注意的意思；doc document 文档的意思；type 类型的意思；html就不用解释了；连在一起的意思就是：注意，文档的类型是HTML。也就是声明你写的文件的文档类型，方便浏览器解析。二：声明代码的编码...
这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。 一：默认样式重置但凡是浏览默认的样式，都不要使用。body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二：块元素和内嵌元素块元素的特征:1.默认独占一行；2.没有宽度时，默认撑满一排；3.支持所有...
xhtml css页面制作过程中问题的解决方案，说是解决方案应该有点过了，充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议，如果讲得不对的地方请多多包涵，当然也可以提出你们更好的方法，大家相互学习交流，共同成长！无论是谁，在制作页面的过程都是会碰到这样或者那样的问题，出了问题就肯定要解决。解决问题的前提是要知道问题出在什么地方，对于新手来说不一定一看到问题就知道问题出在哪里。比如在IE6中“多了...
在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和CSS，你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果 大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而，有的时候用户需要将某些页面打印出来，也许就是为了保留一个长期的记录，或者将其用作方便的离线参考资料。 现...
Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。简单的说博客是一类人，这类人习惯于在网上写日记。如何应用HTML和CSS写出漂亮正规的BLOG： 正确使用a标签 超链接是blog中用的最多的html标签，它用来链接到其他的文章或者站点链接，建议大家用a标签时...