一、线性渐变在CSS中部分属性需要添加浏览器前缀-moz-:表示火狐内核浏览器-webkit-:表示谷歌内核浏览器-ms-:表示IE内核浏览器-o-:表示欧朋(opera)内核浏览器<style> .div1{background-image:linear-gradient(to top,red,green);width:400px;height:180px;} .div2{background-image:linear-gradient(45deg,red,green);width:400px;height:180px;} .div3{background-image:-webkit-repeating-linear-gradient(-45deg,red,green,red 2...
CSS第二天： CSS内边距属性:padding 填充Padding:一个数字，指的是四个方向是一样的（上右下左）Padding-top,padding-right,padding-bottom,padding-leftPadding:两个数字Padding:10px 20px;指的是上下为10px,左右为20px注意：两个数字之间有空格。Padding三个数字Padding:10px 20px 30px;指的是上10px,下面的填充为30px,左右为20px;Padding:四个数字如：padding:10px 20px 30px 40px;按着顺时针方向。(上右下左)Padding:0 10px;Pa...
尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的...
要注意是模板元素 和 表单元素的对应。 原文：https://www.cnblogs.com/xiximayou/p/11761475.html
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。 另外一种是百度了一下，发现有个开源的插件可以解决此问题：http://css3pie.com/使用方法很简单，下载了之后直接引用.htc文件即可。 ...
属性名， 属性名=属性值（正则） * 绝对等于 *= 包含这个元素 ^= 以什么开头 $= 以什么结尾 /* 存在id属性的元素 a[]{} */a[id=first]{background:orange;}/* class中有links的元素 */a[class*="links"]{background:blue;}/* 选中href中以http开头的元素 */a[href^=http]{background:red;}/* 选中href中以doc结尾的元素 */a[href$=doc]{background:black;} 原文：https://www.cnblogs.com/clblogs/p/15138878.html
css元素分类1.块级元素 -1.常用的块级元素有：<div>,<p>,<h1>...<h6>,<ol>,<ul>,<li>,<dl>,<dd>，<dt>,<table>,<tr>,<td>,<address>,<blockquote>,<form> -2.块级元素的特点： a.每个块级元素都是从新的一行开始，并且其后的元素也另起一行。 b.元素的高度，宽度，行高以及顶和底边距都可以设置。 c.元素宽度在不设置的情况下，是它本身父容器100%（和父元素的宽度一致），除非设定一个宽度。 -3.设...
1.字体属性（1）font-family 把要对这个网站要设置的字体都写上，如果这个浏览器支持第一个字体，则会用，如果不支持则会尝试第二个，如果设置的字体系统都不支持则会使用系统默认的字体作为网站的字体 （2）字重（font-weight） 2.文字属性 /* 我这个文件是用来干什么的 小强 日期 *//*全局通用样式*/ * {font-family: "Microsoft YaHei UI", "Arial";font-size: 14px;}/*类选择器样式*/ .c1 {font-weight: 100; }.c2 {font-weigh...
边框颜色 border-color：red/#ffffff/rgb()边框样式 border-style：solid（实线）dashed（虚线）默认为nome边框粗细 border-width：1px 默认是 3pxBorder的简写 border：border-width border-style border-color原文：https://www.cnblogs.com/xwzs/p/11899882.html
1.让文字不可选中-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;2.safari点击区域阴影去除 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);原文：https://www.cnblogs.com/cococe/p/10308901.html
-------------------------------------------动画-------------------------------------------------animation:name(名字) duration（循环一次时间） timing-function（速度曲线） delay（延迟） iteration-count（循环次数） direction（是否反向播放）;两种方式：@keyframes myfirst{from {background: red;}to {background: yellow;}}@keyframes myfirst{0% {background: red;}25% {background: yellow;}50% {background:...
text-size-adjust：auto | none | ' ref='nofollow'>取值：auto：文本大小根据设备尺寸进行调整。none：文本大小不会根据设备尺寸进行调整。' ref='nofollow'>：用百分比来指定文本大小在设备尺寸不同的情况下如何调整。说明：检索或设置移动端页面中对象文本的大小调整。 该属性只在移动设备上生效；如果你的页面没有定义meta viewport，此属性定义将无效；对应的脚本特性为textSizeAdjust。 user-select：none | text | all | el...
1.margin是什么？ margin用于控制元素周围空间的间隔，从视觉上达到空间间隔的目的。相对于前一个元素有相应的外边距。用于隔开元素与元素的。始终是透明的。 2.外边距的合并问题（参见w3school）---前提：元素出于文档流中 2.1 两个垂直外边距相遇时，在垂直方向上会发生外边距的叠加，最终的外边距等于二者的较大值； 2.2 当一个元素（没有边框和内边距）包含另外一个元素时，将在垂直方向上发生叠加； 2.3 当一个元素为空元素时...
border： border：4px dotted red; 宽度 样式 颜色 solid(实线) border-style： -none: 无边框 -hidder: 隐藏边框 -dotted: 点组成 -dashed: 短线组成 -solid: 实线 -double: 双实线 -groove: 立体感的沟槽 -ridge: 脊形 -inset: 内嵌一个...
以下是IE7中新支持的属性:min-height,max-height,min-width,max-width这个hack还可以使最大高度兼容IE6，你可以举一反三：{height:350px;overflow:hidden;}以下是IE7中新支持的属性选择符:精确属性匹配 [=] : 只有当属性完全匹配指定值的时候, 则会应用该css定义.存在匹配 []: 只要存在这样的属性, 则应用该css定义.连字号匹配[|=]: 使用连字号匹配的css定义. 例如: <span abc=”en-us”>dddd</span> 它就能应用 <style>[abc|=”en...