luckyGirlIT的博客

background-size: 可以设定背景图像的尺寸，在移动端使用的地方很多，比如最常见的地方在做响应性布局的时候，比如之前做的项目中有轮播图片，来解决针对响应性布局的背景图片自适应。浏览器支持的程度：IE9+, Firefox4+, opera, chrome, safari5+;基本语法：background-size: length | percentage | cover | c...

1.CSScascading style sheet 级联样式表2.css引入样式的方式1）行内样式表< style="">2）内部样式表 3）外部样式表第一种：链接外部样式表type="text/css"可以省略link<href=“css的地址” rel=“stylesheet”(类型;代表引用得是CSS样式 )>样式表第二种 导入外部样式表...

ID选择器>类选择器>标签选择器1.层次选择器*相邻兄弟选择器，只对后面的兄弟有作用，对前面的兄弟没效果。*相邻兄弟选择器，E+F E不会产生效果效果2.结构伪类选择器使用E F:nth-child(n)和E F:nth-of-type(n)的 关键点E F:nth-child(n)在父级里从一个元素开始查找，不分类型E F:nth-of-type(n)在父级里...

1）font-style属性normal、italic和oblique2）font-weight属性3）font-size属性单位px（像素）em、rem、cm、mm、pt、pc4）font-family2.字体样式标签525

text-align：center left right justify(两端对齐)text-decoration: none overline underline line-through(删除线)

nth-cild(2N+3)表示从第三行开始的奇数行同理 nth-child(2N+4)表示从第四行开始的偶数行nth-cild(2N+5)表示从第五行开始的奇数行

2.结构伪类选择器使用E F:nth-child(n)和E F:nth-of-type(n)的 关键点E F:nth-child(n)在父级里从一个元素开始查找，不分类型E F:nth-of-type(n)在父级里先看类型，再看位置注意child 跟子选择器没有关系，可以是子选择，也可以是后代选择 由层次选择器 (如table tr）来控制设置前三个：p:nth-child(-n...

结构伪类选择器 一旦设置 不管在行内还是在后面重新设置，都没办法改变

数字是0-255rgba(44，255，，0) 最后一个数字是0 纯透明rgba(44，255，，1) 最后一个数字是1 纯不透明16进制颜色#ffff00黄色#0000ff蓝色#ffffff白色#000000黑色#00ff00绿色#ff00ff紫色#ff0000红色...

my sql中 insert into 中的into可以省略!insert into sc values(),(),()insert sc values(),(),()insert sc (select sid,cid,score from sc ) 注意：该语句不可添加values

1.text-shadow（文本阴影先写颜色）text-shadow :gray 5px 5px 10pxtext-shadow:color x-offset（阴影向右移） y-offset（阴影向下移） blur-radius（模糊距离）2.box-shadow（盒子阴影最后写颜色）常用：box-shadow: x-offset（阴影向右移） y-offset（阴影向下移） ...

背景图片完整写法background:#C00 url(…/image/arrow-down.gif) 205px 10px no-repeat;定位元素可以省略，no-repeat 不写的话会默认repeat

线性渐变颜色沿着一条直线过渡：从左到右、从右到左、从上到下等径向渐变圆形或椭圆形渐变，颜色不再沿着一条直线变化，而是从一个起点朝所有方向混合CSS3渐变兼容IE浏览器是Trident内核，加前缀：-ms-Chrome浏览器是Webkit内核，加前缀：-webkit-Safari(苹果)浏览器是Webkit内核，加前缀：-webkit-Opera浏览器是Blink内核，加前缀：-o-...

**1.使用transform 2D变形设置网页元素样式变形函数(translate平移 scale缩放 rotate 旋转 skew倾斜函数)translate()：平移函数，基于X、Y坐标重新定位元素的位置transform:translate(tx,ty);transform:translate(100px,0）-------transform：translateX（100px）t...

伪类：first-child :link visited hover active focus lang伪元素 first-line first-letter before after ::selection

border-radius:左上、右上、右下、左下.d1{width:200px;height:200px;border:1px solid green;margin:249px auto;border-radius:100px;background-color:yellow;}.d2{width:200px;height:100px;border:1px solid bl...

double表示双线条

1.外边距（上右下左 顺时针 上下 左右 或者 上 左右 下）2.内边距

inherit 是继承父元素的盒子模型模式

块级元素（block）…、、、列表（li）内联元素（inline）、、、...行内元素 inline不能调节大小 只有绝对定位之后才可以直接设置块元素 block 能调节大小 自动换行行内块元素 inline-block 能调节大小 但是不换行dis...

注意：必须设置position属性才能用z-index

background-color:rgba（255，255，255，1）没有透明度rgba（255，255，255，0）透明度变成白色rgba（255，255，255，0.5）半透明度

float浮动后父级边框塌陷的原因父极边框塌陷：float元素大于父级大小，超出部分 自动下移，如果父级边框高度不够，则出现父级边框塌陷如何清除浮动？1.直接在style里面添加clear:2.解决父级边框塌的方式1简便方法：3.解决父级边框塌的方式2设置父元素的高度：4.解决父级边框塌的方式3（overflow 溢出处理）5.解决父级边框塌的方式4 after伪...

border=“1px solid red” 只有加在table里面才有用加在div里面的话只能 添加

absolute属性值偏移设置： left、right、top、bottom使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素” 为基准进行偏移如果没有已经定位的祖先元素，会以浏览器窗口为基准进行定位绝对定位的元素从标准文档流中脱离，这意味着它们对其他元素的定位不会造成影响元素位置发生偏移后，它原来的位置不会被保留下来...

两个标签之间的间隙清零：都用margin:0;padding：0