Css
[转]css3自适应布局单位vw,vh你知道多少？
原文地址:https://www.cnblogs.com/luxiaoxing/p/7544375.html视口单位(Viewportunits)什么是视口？ 在PC端，视口指的是在PC端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：LayoutViewport（布局视口），VisualViewpor...
[转]浅谈Normalize.css
原文地址:https://www.jianshu.com/p/3d21d1932aa0Normalize.css只是一个很小的css文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的cssreset，Normalize.css是一种现代的，为HTML5准备的优质替代方案。Normalize.c...
[转]css实现左侧宽度自适应，右侧固定宽度
原文地址:https://segmentfault.com/a/1190000008411418页面布局中经常用会遇到左侧宽度自适应，右侧固定宽度，或者左侧宽度固定，右侧自适应。总之就是一边固定宽度，一边自适应宽度。一般固定宽度是导航栏，自适应宽度的是主体内容显示区。所以要实现这种布局，就先给出如下html结构：<...
[转]你所不知的 CSS ::before 和 ::after 伪元素用法
SS有两个说不上常用的伪类:before和:after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 CreativeLinkEffects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform属性进行变形之外，就是接...
[转]CSS如何设置html table表格边框样式
原文地址:http://www.divcss5.com/wenji/w503.shtml对table设置css样式边框，分为几种情况：1、只对table设置边框2、对td设置边框3、对table和td技巧性设置表格边框4、对table和td设置背景，实现完美表格边框以下DIVCSS5对以上几种实现html表格边框样式进...
[转]CSS Display(显示) 与 Visibility（可见性）
display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元...
【转】如何建立一个样式新颖的CSS3搜索框
在线演示搜索框大概是web开发中最常用的UI元素之一，我想基本没有必要去介绍如何使用它。无论是网站还是web应用，都会为了增强用户体验而添加它，那么你是不是也想过设计一个别致的搜索框？在今天的文章中，大家将会学到如何使用伪元素来创建一个超酷的CSS3搜索框。当然在开始介绍前你也可以下载源代码或者查看在线演示。HTML举...
【转】css布局居中和CSS内容居中区别和对应DIV CSS代码
原文地址：http://www.divcss5.com/jiqiao/j771.shtmlcss布局居中和CSS内容居中区别和对应DIVCSS代码教程与图文代码案例篇对于新手来说DIVCSS布局居中与DIVCSS内容居中常常搞混，摸不着头脑。这里DIVCSS5重点为介绍关于布局居中与内容居中区别、CSS代码、作用、用法...
【转】div居中代码 DIV水平居中显示CSS代码
原文地址：http://www.divcss5.com/rumen/r622.shtml如何使用CSS让DIV居中显示，让div水平居中有哪些CSS样式呢？需要的主要css代码有两个，一个为text-align:center（内容居中），另外一个为margin:0auto；其两个样式需要配合使用才能实现div盒子的居中...
【转】一个DIV+CSS代码布局的简单导航条
原文地址：http://www.divcss5.com/shili/s731.shtml简单的DIVCSS代码布局实现导航条一个蓝色主题的导航条布局案例，本CSS小实例，采用DIVCSS实现。同时不用图片做背景，直接使用背景色实现，鼠标经过悬停对应栏目名称是对应背景蓝色变深。导航条部分效果截图一般导航条采用ulli列表...
[转]DIV+CSS和TABLE的区别
现在全国大大小小的网站都在搞一场技术“革命”，就是所谓“网站重构”说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和美化页面。百度搜索优化 在重构之前，肯定要了解为什么重构，为什么要用DIV+CSS技术?了解了这个问题，那么大家才有使用此技术重构网站的动力。各大CSS学...
关于css里大于号（>)的用法
之前用的css没涉及到这个问题，今天看到。知道大概用法，但不知道和普通的后代选择器有什么区别。到网上找了，其实w3c的css文档里有很详细明确的介绍（http://www.w3school.com.cn/css/css_selector_child.asp）。 ...
CSS里的引用@import、link
引入CSS的方法有两种，一种是@import，一种是link @importurl('地址');<linkhref="地址"rel="stylesheet"type="text/css"/>现在绝大部分的网站都采用后一种link方式，原因在于@import先加载HTML，后加载CSSlink先加载...
width和height不是全局，在css中必须有单位
虽然很多元素有width和height属性。但他们不是全局，但他们不是全局，但他们不是全局！！！比如div中就不能直接用。必须放在style中。并且有该属性的元素，使用可以不用单位，默认是像素。（html5规定还必须像素）<inputwidth="100">或者<inputwidth="100px"&...
css 如何使图片与文字在div中居中展示？
1.情景展示 如何将图片与文字在div中一起居中展示？ HTML片段<div><imgsrc="C:UsersMarydonDesktophead_no.jpg"/><span>Marydon</span><span>12345678900&l...
