Css
margin-top是什么意思？
margin-top是CSS中的一个属性，用于设置元素的上边距，所有主流浏览器都支持margin-top属性，下面我们来简单看一下margin-top属性的用法。auto：浏览器设置的上外边距。length：定义固定的上外边距。默认值是0。%：定义基于父对象总高度的百分比上外边距。inherit：规定应该从父元素继承上...
display:none是什么意思
display:none的意思：隐藏元素并脱离文档，流就是隐藏该区域，不占实际空间，但对后台来说真实存在，可以获取被隐藏的元素简单的来说就是将元素设置为none的时候既不会占据空间，也无法显示，相当于该元素不存在。<html><head><title></title>&l...
CSS盒子模型（CSS Box Model）
CSSBoxModel，即CSS盒子模型，是一个比较基础的CSS概念。所谓盒子（Div、Span等等都是盒子），其实就是容器的意思，用来填装别的东西。Content：Thecontentofthebox,wheretextandimagesappear.内容：盒子里填装的东西，比如文本、图片、表单。内容就是内容，不能再...
css怎样设置div边框的属性
border-color:#000设置4边边框颜色为黑色；border-color:+颜色值，即可设置对象边框颜色；border-left-color:#000设置左边框颜色为黑色；border-right-color:#000设置右边框颜色为黑色；border-top-color:#000设置上边框颜色为黑色；bor...
css实现div边框阴影
<styletype="text/css">.div_shadow{width:600px;height:450px;border:#9090901pxsolid;background:#fff;color:#333;-ms-filter:"progid:DXImageTransform.Microsoft...
一段css代码让弹窗在页面中居中
一段css代码让弹窗在页面中居中,在CSS文件中加入就可以了。position:fixed;top:50%;left:50%;transform:translateX(-50%)translateY(-50%);-ms-transform::translateX(-50%)translateY(-50%);-moz-t...
css去掉a超链接的下划线
去掉A链接下划线的代码a{text-decoration:none} ...
前端基础-css（3）
一、文本属性和字体属性（常用的）1、文本属性 text-align:left|right|center|justify（两端对齐，只适用于英文）; /*对齐方式*/ color:色值; /*文本颜色*/ text-indent:2em; /*首行缩进，建议单位...
前端基础-css（2）
一、标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web网页的制作，是个“流”，从上而下，像“织毛衣”。而设计软件，想往哪里画东西，就去哪里画。 标准文档流下...
前端基础-css（1）
一、css的引入方式现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScript。从交互的角度描述页面行为CSS：CascadingStyleSheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网...
div+css3绘制基本图形
基本图形包括：矩形、圆角矩形、圆形、椭圆形、三角形、值线、弧这些图形的绘制用到了CSS圆角属性，不考虑IE8。下面的实现在chrome浏览器运行通过。 1.矩形比较简单，通过CSS设置宽度、高度、背景色即可。html:<divclass="rectangle"></div>css:.r...
css毛玻璃效果
毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然nonono了。毛玻璃无疑就是种模糊了，少不了filterblur。最终效果（chrome）：天气...
网页中多个图标在一张图片上，使用css将各图标显示
现在的网页中显示很多图标算是常态，发现项目中页面上用到的图标都是单个图标单个文件，用的时候直接往页面上挂，这确实很常态。如果，网站是挂在外网上，或者网速过低，又大量使用图标的情况下，由于浏览器和服务器的并发连接数是受限的，通常是4~8个，那么图标显示过慢或者超时的情况就会发生。当然了，像采用CDN，或者按照浏览器的并发...
CSS画一个三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ...
css如何实现垂直居中样式？
第一种：外层边框部分高度固定，内部块级结构居中html结构：//<!---->注释掉空格<divclass="verMiddleouterLayerWrap"><!----><divclass="innerLayer"></div>style样式：//通用样式...
