随笔分类 - CSS3
摘要:<!-- 当用户电脑么有相应的字体,会强制用户下载该字体 @font-face指令制作一个新字体 iconfont网站制作图表 @font-face{ font-family: "good night"; src: url("./../../数据库/【开开】晚安体.ttf"); } p{ font-
阅读全文
摘要:<!-- ##简单选择器 1.ID选择器 2.元素选择器 3.类选择器 4.通配符选择器*{} 5.属性选择器 [元素名="#"]{} 6.伪类选择器 :hover 或者a:hover 鼠标悬停时的状态 # active{} a:active{} 鼠标按下的元素有效果(通常用在a元素中)## lin
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要:动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq
阅读全文
摘要:<!-- flex-flow是 flex-direction和 flex-wrap的复合属性 flex-direction 属性 flex-direction 属性指定了弹性子元素在父容器中的位置。 flex-direction的值有: row:横向从左到右排列(左对齐),默认的排列方式。 row-
阅读全文
摘要:<!-- 2.边框阴影:box-shadow:h v blur spread color inset h 水平方向上偏移值 v 垂直方向上的偏移值 blur 模糊度 spread 阴影的尺寸 color 颜色 inset 内阴影 border-image-source 用于指定要用于绘制边框的图像的
阅读全文
摘要:<!--######背景图和img元素的区别 img是html的概念 背景图是css的概念 1.当图片属于网页内容时,必须使用img元素 2.当图片仅用于图片美化时,必须使用背景图 #####涉及的css属性 1.background-image:url("") 2.background-repea
阅读全文
摘要:2D <!-- transform transform:旋转 rotate(30deg); translate值(50px,100px)是从左边元素移动50个像素,并从顶部移动100像素。transform: translate(50px,100px); scale()方法,该元素增加或减少的大小,
阅读全文
摘要:/*多选框样式*/ .checkbox-style(){ input[type="checkbox"] { text-indent:0; margin: 0; width: 13px; height: 13px; text-align:center; display: inline-block; v
阅读全文