240
收录了20篇文章 ·142个问题 · 1人关注

HTML/CSS知识问答社区,提供从入门到进阶HTML/CSS学习过程中常见疑惑问题答案和技术分享,同时包括了资深编辑和热心网友的回答。

0

CSS 基础框盒模型介绍

CSS 基础框盒模型介绍当对一个文档进行布局(lay out)的时候,浏览器的渲染引擎会根据标准之一的CSS 基础框盒模型(CSS basic box model),将所有元素表示为一个个矩形的盒子(box)。CSS 决定这些盒子的大小、位置以及属性(例如颜色、背景、边框尺寸…)...

0

常见的浏览器兼容问题

概述IE兼容性一般主要是两个问题引起的:一、代码只支持高版本IE不支持低版本IE 二、代码只支持低版本IE不支持高版本IE(这个比较少但也存在,主要是一些老的系统)。常规解决方法通过在jsp页面增加meta的方式来实现兼容。兼容高版本IE如果系统只支持低版本的...

0

响应式布局

响应式布局响应式布局概念响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的...

1

清除浮动的方法

额外标签法也称为隔墙法,是W3C推荐的做法父级添加overflow属性父级添加after伪元素父级添加双伪元5.4.1额外标签法额外标签法会在浮动元素末尾添加一个空的标签注意:要求这个新的空标签必须是块级元素优点:通俗易懂,书写方便缺点:添加许多无意义的标签,...

0

html是什么

如同我们所学习的语言一样,在编程的世界里,也有各种各样的语言,常见的web前端语言有html、css、JavaScript等,服务端语言有php、java、c#等等。那么html是什么呢?就让朗沃小编来为你解答。1、html是什么html又称为超文本标记语言(英文:HyperText Markup...

1

css里面的伪元素里面有这些,你知道吗?

1.:first-letter 伪元素"first-letter" 会选中某block-level element(块级元素)第一行的第一个字母,并且文字所处的行之前没有其他内容(如图片和内联的表格)【来源于MDN的说明】:注意:"first-letter" 伪元素只能用于块级元素。可应用于 "first-letter" ...

1

CSS清除浮动的几种方法

初学HTML和CSS时,很多同学都会对于浮动有一些疑惑,浮动了为什么需要清除浮动呢,以及我该选择哪种方式来清除浮动呢。今天我们就来通过这篇文章详细阐述一下这两个问题。首先我们需要明确我们常用的一些元素在页面中会有自己应该放置的位置,这就是我们通常...

0

网站上那些自定义的滚动条是如何实现的?

经常进的一个网站,之前一直用谷歌浏览器打开,觉得没什么特别,就是一个普通的滚动条,用js模拟 就可以实现。如下图:直到有一天用ie浏览器打开这个网站时发现这个模块的滚动条变成了下面这样:看到ie下呈现的状态时脑子里第一反应是这不是浏览器自带的那个...

0

Spring Boot热部署

Spring Boot热部署在SpringBoot中启用热部署非常简单,因为SpringBoot提供了一个非常方便的工具spring-boot-devtools,只需把这个工具引入到项目里即可。1、在pom.xml里添加依赖2、在Intellij里启动自动构建项目3、Ctrl+Shift+A,搜索Registry,找到compiler....

0

【web前端常见问题】border:0 none,border:none;,border:0;三者之

border:0; 时把border设为0像素,虽然在页面上看不到,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。 border:none;时 把border设为none即没有,浏览器解析none时将不作出渲染动作,即不会消耗内存...

0

【web前端常见问题】行内元素中的非替换行内元素和替换行内元素

今天看《别具光芒css》发现了以前未见过的词,替换的行内元素和非替换的行内元素。 替换的行内元素具有内在尺寸,尺寸是有自身决定的,而不会受周围环境的影响,如<img>和<input>等,但是如果同时定义<img>标签的width属性,和css的width属性,根据层...

0

【css常见问题】用css实现透明度的方法

最近碰到一个实现圆角背景透明的问题,今天研究了一下,总结了两种方法:1用定位的方法实现html代码如下<div class="container"><div class="box"></div><div class="content">网页设计,web前端</div></d...

0

【web前端基础知识】margin-top失效的解决办法

最近工作时发现margin-top在火狐和谷歌中没预期的效果。失效,html代码:<div class="box"> <div class="box2"> 蓝枫蓝枫 </div></div>css样式<style type="text/css">*{ margin:0; padd...

0

精确定位网页中各个元素的位置

 精确定位网页中各个元素的位置有两种方法:使用表格或层。使用表格是目前比较通用的做法,具体方法是:先在网页中建立一个表格,注意表格的边框宽度应为0。然后再把各个元素按照你的要求放在各个表格单元之中。仔细调整表格单元的大小以及表格边框的位置,...

0

前端瀑布流布局实现

前端开发的过程中难免会遇到瀑布流布局的需求,接下来我就给大家展示代码然后与大家一起分析首先你的目录结构可以和笔者保持一致:JS笔者单独封装了一个小的工具,用来获取DOM元素tools.js代码如下:/** *解决根据类名查找元素的兼容问题 *@paramclassName待...