html
文章平均质量分 77
YaoDeBiAn
这个作者很懒,什么都没留下…
展开
-
replaced element and non-replaced element(可替换元素和非可替换元素)
Q&Aquestion: img元素属于行内还是块级元素?answer: 行内元素question: 那为什么img标签能够设置高宽呢?首先,分析一下行内元素的某些特点:不可设置高宽;不占满一行,可平铺;对行内元素设置margin时,垂直方向上将会失效;回到开头的问题:为什么img标签能够设置高宽呢?img确实是行内元素,但它同时也是“可替换元素(replaced...原创 2019-12-01 16:18:38 · 312 阅读 · 0 评论 -
前端布局之——水平垂直居中
前端垂直居中布局前端页面的居中是平常开发中比较常见的布局,以下将从水平居中、垂直居中、水平垂直居中三个角度分析不同的布局方法。水平居中法一:行内元素水平居中html:<div class="container"> <div class="box"></div></div>css:.container { text-align...原创 2019-09-17 00:32:49 · 1389 阅读 · 1 评论 -
移动web页面前端开发总结
工作笔记:移动web页面前端开发总结 转载来源:http://www.cnblogs.com/gyjWEB/p/3780374.html移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结。 1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的...转载 2018-04-12 16:12:48 · 264 阅读 · 0 评论 -
初识javaWeb:纯JSP+CSS+JS构建一个简单的电商平台
github地址:https://github.com/yaodebian/GoGoLe初识java web,想在后端用java有一技之长。注:以下仅是自己的一个程序记录。首先java web的动态页面是通过jsp来实现,但是由于近些年来,各种前端框架的流行,比如说最近中国内陆兴起的vuejs,它们都提供了很方便快捷的功能,故而仍然用java来编写动态网站看起来已经不切实际了,java更多...原创 2018-04-15 12:43:46 · 8637 阅读 · 11 评论 -
CSS3笔记:Border-radius的形成原理
参考文章:http://www.zhangxinxu.com/wordpress/2015/11/css3-border-radius-tips/一.前言最近自己写了一个导航栏,马马虎虎就是啧个样纸: 其中的圆角做了好久,就是啧个: 既然用到了,我就在这总结一下圆角border-radius的用法,闲话不多说,进入正题。 二.border-radius的几种原创 2017-10-20 15:14:06 · 1818 阅读 · 0 评论 -
css笔记:清除子元素对父元素的浮动效果的三种方法
清除子元素对父元素的浮动效果的三种方法对于浮动元素,我们知道如果父元素不设置height,而子元素全部设置为浮动,父元素不会被撑开(也就是父元素为一条直线,height为0),我们看到的就是一条线在所有子元素上面。例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>clear_float</原创 2017-09-16 11:13:05 · 7683 阅读 · 0 评论 -
html笔记——html空格:HTML中      等6种空白空格的区别
HTML中 等6种空白空格的区别原文地址:http://www.oicqzone.com/pc/2015083122336.htmlHTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(转载 2017-09-05 17:07:04 · 707 阅读 · 0 评论 -
html标准流中的浮动元素之空间零占用
偶然的尝试,意外的发现最近再跟着李炎恢老师学习的时候发现了一个虽然不起眼但感觉听巧妙的手法方式,以下是本人对该手法的描述:比如说:yaodebian而在css文件中,对上面的css设置是这样的:第一种情况:(不对.main进行样式设置).yao{float:right;}这时,我们通过浏览器审查元素,我们会发现,class值为’main’的div元素其width原创 2017-08-15 15:38:15 · 2741 阅读 · 0 评论 -
js笔记:Js封装库——css选择器
Js封装库——css选择器在css中我们可以很简单地使用css选择器来对节点对象进行选择,并对其进行style设置。现在,我们想通过js对html的css样式进行动态设置,想以css的形式进行设置,例如我们想通过$(‘#box p’)来选中id为’box’的节点对象的子节点中的p节点,我们应该怎么来实现呢?1.首先,创建几个文件:index.html、index.js、base.js原创 2017-08-21 17:27:41 · 717 阅读 · 0 评论 -
css总结:HTML中用position进行相对定位时与float属性连用容易产生的误区
最近写静态网时将position与float属性连用,结果发现没有达到预期的效果(预期的设想是两个块彼此相连,而结果却是相互重叠了)本人健忘,故将此记录下来,以下是我从中获取经验。首先来看一个图示:好的,假设我们有了两个块div1与div2,它们在样式表中我们分别对其设置为:div1{width:100px;height:30px;background:red;positi原创 2017-02-28 20:30:26 · 4395 阅读 · 0 评论 -
css笔记:HTML文档中应用css样式的方法总结
标签:class style log com http 使用 si it html 在HTML文档中应用css样式大致有三种方法:1.link标签链接外部样式表;2.使用style元素包含样式表;3.使用style属性,即内联样式一.link标签链接外部样式表 先看一条较为标准的link标记语句: lin转载 2017-05-28 20:13:12 · 772 阅读 · 0 评论 -
常用HTML文本元素汇总
所谓文本元素,就是将一段文本设置成像匹配的结构和含义。HTML5规范指出:使用元素应该完全从元素的语义出发。而我们往往会出现胡乱拼凑以达到显示效果的现象,此类编程习惯目前可能看似没有什么影响,但很有可能存在不少的隐患,而且对于将来浏览器的检索也是有一定的影响的。故而根据语义来选择适当的标签是非常重要的。以下是总结的常用文本元素;(为了方便记忆,特意给出了基本所有标签的完整描述)1.br原创 2017-06-09 18:18:14 · 3730 阅读 · 0 评论 -
CSS笔记:浅谈position属性
之前并没有在意position的使用,在此专门花时间总结了一下它的用法。何谓positionposition属性定义建立元素布局所用的定位机制。值得一提的是,任何元素都可以定位,不过绝对或固定元素能生成一个块级框,而不论该元素本身是什么类型。目前,所有主流浏览器都支持position属性,以下是浏览器对position属性兼容性的概况图:注:任何版本的IE浏览器(包括IE8原创 2017-06-28 23:54:10 · 556 阅读 · 0 评论 -
HTML自学历程二:关于页面文字及背景的基本设置
文字与背景是一个网页的基础或者叫做基本属性,那么如何做到灵活地选取恰当的搭配形式,就需要我们掌握其基本的设置。首先我们想到的是文字,对于一个页面,我们要对其选取恰当的尺寸、字形、颜色。在这之前,我们先提一个标签标签,它是特地用来规定文本的字体、字体尺寸、字体颜色的,他有三个属性,分别为size、face、color,即尺寸、字形、颜色。具体的用法是将文本内容放置于中,并将属性及属性值放入标原创 2017-02-01 20:44:45 · 1196 阅读 · 0 评论 -
理解html<wbr>标签
在此之前,我们来分析一下HTML中的几种情况。HTML文本中,假如我们给出一条代码,比如说:my name is Jack用浏览器显示出来后,如果我们把浏览器的宽度拉小到不能容下上面的句子时,会发现上面这句话会换行,并且以一个单词换行(当然这里给出的句子比较短,要想换行句子长度必须大于浏览器的最小宽度);另外我们给出另一条代码:我的名字叫杰克同样的,也会换行,并且以一个字一个字原创 2017-06-06 19:24:07 · 2811 阅读 · 0 评论 -
网页编程自学历程一:编写一个静态网页框架
本文涉及到的转载内容:http://blog.csdn.net/ljl157011/article/details/16842669作为一个计算机专业的学生,我觉得在大学生涯中,我们有必要学会如何编写一个属于自己的网站,所以开始尝试自学网页编程。在网上大概查了一下网页编程的发展进程,在web1.0时代,网页主要是以静态网页的形式存在,而到如今的web2.0时代,动态网页已经全面普及,为广大互联原创 2017-01-28 21:29:01 · 1818 阅读 · 0 评论 -
转载:css浮动(float,clear)的通俗讲解
转载自:博客园http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html一直不能理解浮动元素,现在分享自己看到的一篇比较详细的文章教程开始: 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可转载 2016-09-18 15:58:46 · 341 阅读 · 0 评论