html+css
爱凤凤
相信你所相信的
坚持你所坚持的
展开
-
html乱码原因与网页乱码解决方法
乱码造成原因 1、比如网页源代码是gbk的编码,而内容中的中文字是utf-8编码的,这样浏览器打开即会出现html乱码。反之网页是编码utf-8,内容是gbk也会出现乱码。2、html网页编码是gbk,而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。3、浏览器不能自动检测网页编码,造成网页乱码。解决乱码方法第一种,html原创 2017-05-05 08:18:51 · 40964 阅读 · 0 评论 -
如何居中一个元素(正常、绝对定位、浮动元素)
题目点评这道题目的提问比较多,连续问了三个问题,正常元素、绝对定位元素、互动元素如何居中,而且居中没有说清楚是垂直居中还是水平居中,要回答清楚这个问题,必须得有深厚的功底,而且要分类的来回答,条理要清楚。可以先把水平居中各种情况说清楚,然后在把垂直居中说清楚。(一)元素水平居中的方式1)行级元素水平居中对齐(父元素设置 text-align:center)转载 2017-11-27 14:03:58 · 300 阅读 · 0 评论 -
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。一、测试代码如下:[html] view plain copy> html lang="zh-cn"> head> meta charset="u转载 2017-06-07 20:07:46 · 612 阅读 · 0 评论 -
详解CSS的z-index属性(带图片解析)
有时候我们会使用CSS中的z-index属性来使某些块状元素更有层次感。如下图:可以通过z-index实现鼠标居于文字后面,使得网页更有层次感实现上面效果的代码如下:[html] view plain copyspan style="font-size:24px;">html> head> style转载 2017-05-19 20:24:18 · 1059 阅读 · 0 评论 -
CSS布局:水平居中
前言 一直对CSS布局一知半解,这段时间打算定下心来好好学习一下,于是先从最简单的水平居中布局开始入手。下面以分页组件为实例来记录各种实现方式。common.css View Code 目标元素宽度固定时 1. displa转载 2017-05-10 09:08:10 · 351 阅读 · 0 评论 -
Html中行内元素有哪些?块级元素有哪些?
1.关于行内元素和块状元素的说明 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。div这样的块级元素,就会自动占据转载 2017-05-10 08:37:52 · 415 阅读 · 0 评论 -
史上最全Html和CSS布局技巧
单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素)使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: inli转载 2017-05-10 08:19:03 · 421 阅读 · 0 评论 -
CSS布局 ——从display,position, float属性谈起
页面布局,或者是在页面上做些小效果的时候经常会用到 display,position和float 属性,如果对它们不是很了解的话,很容易出现一些莫名其妙的效果,痛定思痛读了《CSS Mastery》后总结一下。让我们从基础的CSS知识谈起,相信很多初学者和小弟一样不明白CSS原理,一味追求效果,结果页面漏洞百出,错误匪夷所思,关于盒模型我就不多说了,网上很多,注意一下IE和其他浏览器(W3转载 2017-04-24 20:15:09 · 419 阅读 · 0 评论 -
理解css中的float
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。初始状态的情况:1.当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:2. 当框 1 向左浮动时,它脱离文档流并且向左移动,直到它的左边缘碰到包原创 2017-04-24 20:09:30 · 377 阅读 · 0 评论 -
css学习笔记 -position-sticky(粘性固定)
情景说明:好多情况下,遇到某些菜单或者筛选的选项需要固定在页面的固定位置,通常情况下,需要监听scroll事件,才能实现。看到网易新闻移动端首页和饿了么的首页发现一个新的属性,position:sticky,实现的。代码量精简了不少。 写了个简单的实例实现,觉得阔以实现。亲测可用设备兼容:(按照下面的写法即可)position: sticky;position: -web...原创 2018-11-08 14:51:57 · 1028 阅读 · 0 评论