1.有俩个边框,有不同的背景色,不管哪边高增加,另一边也变高
2、实现自适应
第一种方式:
//IE浏览器
.clearfloat{ zoom:1}
//其他浏览器.clearfloat ; after{ display:bloak; clear:both; content:""; visibility: hidden; height:0}
第二种方式:更优雅的
zSass 是自己整理的一个 sass 库,参考了 sassCore。
目录结构
variables.scss
默认值设置。
reset.scss
重置浏览器样式。(参考:normalize)
common.scss
整合常用的
文档类型
推荐使用 html5 的文档类型申明:
<!DOCTYPE html>
语言属性
根据 html5 规范:
强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言。这将有助
本文所讨论场景均由以下代码表示。
HTML结构:
<div class="outer">
<div class="inner"></div>
</div>
CSS
1.单行文本添加省略号
一般用于新闻列表展示
li{
width: 200px;
height: 30px;
line-height: 30px;
cursor: pointer;
list-style-p
一、前期理论准备
1)目的:
在jsp中动态生成css语句,然后输出给浏览器解析、渲染。2)浏览器解析文件的依据:
页面加载后,浏览器会发起各个请求去下载各种资源。
比如下载css文件,然后根据css的解析规则去解析文档。而如果下载的文件Content-Type不符合,则浏览器会自动屏蔽掉。
<form name="theForm" method="post" action="index.php?m=back&c=Goods&a=insert" enctype="multipart/form-data">
</form>
1.如果图片加a标签在IE9-中会有边框
解决方案:
img{border:none;}
2.rgba不支持IE8
解决方案:可以用 opacity
eg:
opacity:0.7;/*FF chrome safari opera*/
filter:alpha(opacity
接触CSS3这么久了,总是到要用的时候直接拿来用,却没有好好地总结归纳一下,那就在这里好好梳理一下吧。
CSS3边框:
圆角边框:
关键:border-radius
<!DOCTYPE html>
<html>
<head>
<style>
div
前面的话
层叠上下文z-index只是解决两个元素覆盖,谁离用户更近的问题。而CSS混合模式,则是处理两个元素覆盖部分如何混合的问题。如果了解photoshop的话,对这种现象应该不陌生。CSS3有两个与混合模式相关的属性:mix-blend-mode和background-blend-mode
第8章 表单
8.1 表单标记<form>
<form name="表单名称" method="提交方法" action="处理程序">......</form>
关于表单的更多介绍:http://www.cnblogs.com/polk6/archive/201
前面的话
CSS滤镜filter用于模糊、锐化、元素变色等操作, 通常适用于图片、背景等。本文将详细介绍CSS滤镜filter
语法
filter
初始值: none
应用于: 所有元素
继承性: 无
值: none | blur() | brightness() | contrast()
前面的话
CSS倒影目前只有chrome和safari浏览器支持,且需要添加-webkit-前缀。本文将详细介绍CSS倒影box-reflect
语法
-webkit-box-reflect
初始值: none
应用于: 块级元素(包括inline-block)
继承性: 无
值: none
prismjs 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过113中编程语言,还支持多种插件,是简洁、高效的代码高亮解决方案。科技爱好者博客就是使用了Prism.js 实现漂亮的代码语法高亮功能,本文教你如何在wo
1.Html区块元素
HTML可以通过<div>和<span>将元素组合起来
大多数HTML元素被定义为块级元素或内联元素,
而块级元素在浏览器显示时,通常会以新行来开始(或结束)。如:<h1>,<p>,<ul>,<tab
今天博客园注册成功了,很是欣喜,赶紧在博客园留下我的足记。
半年前,我还是刚走出校园的一枚IT小白,对于IT行业什么都不懂,我大学的专业是采矿工程,接触过的编程语言只有VB,但说实话,那时候啥也不懂,考试吗,相信大家也都知道,在考试前老师一般会画原题,你死记硬背就行了,根本不用懂那行代码什么意思,只
之前在哪个网上看到的,今天没事给写下来了:
1.将像素大小为16*16的图片命名为 favicon.ico,(图片使用的颜色好像不能超过16色),放到网站根目录下就可以了;
2.在head标签中添加代码(这种方法图标可以随意命名,也可以不放在根目录下):
标题栏: <link rel="i
之前因为公司项目需要,在网上找到的:
直接上代码了
html代码
<div class="inner">
<div class="innerbox">
<p style="height:200px;">这是内容111</p>
前面的话
两端对齐在导航Nav的制作中非常常用。本文将详细介绍CSS两端对齐的4种实现方式
flex
弹性盒模型flex作为强大的弹性布局方式,可以hold住大部分的布局效果,当然也包括两端对齐。可以使用主轴对齐justify-content的两端对齐属性space-between
ju