摘要: 多层嵌套 针对数组 阅读全文
posted @ 2019-04-13 10:58 浅墨若寒 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 转换:transform 1.transform: translate(50px,100px);,偏移位置,将元素偏移到x轴50px,y轴100px的位置,元素在页面位置不动 2.transform: rotate(30deg);旋转,将元素旋转30度,如果是负数就逆时针旋转,元素在页面位置不动 3 阅读全文
posted @ 2019-04-13 10:58 浅墨若寒 阅读(148) 评论(0) 推荐(0) 编辑
摘要: Display: 1.Inline 显示在一行,会默认大小为内容大小 2.block 显示为一块,可以设置大小,占一行 3.inline-block 显示在一行,但是大小可以设置 4.none 将整个标签都隐藏起来,放置在另一个层面中 相比于display:none来说,visibility:hid 阅读全文
posted @ 2019-04-13 10:56 浅墨若寒 阅读(774) 评论(0) 推荐(0) 编辑
摘要: <link rel="shortcut icon" href="favicon.ico"> <!--标题前面的小图标。其中,rel是固定格式,href是图片的路径-->可以在百度搜索icon 在线转换制作或转换成ico格式。 阅读全文
posted @ 2019-04-13 10:55 浅墨若寒 阅读(589) 评论(0) 推荐(0) 编辑
摘要: <fieldset> <!--修饰表单,框选起来更好看点--> <legend>页面验证</legend> <!--表单标题--> <form action="接受数据的页面名.后缀名" method="post" enctype="multipart/form-data"> <!--如果要上传图片 阅读全文
posted @ 2019-04-13 10:54 浅墨若寒 阅读(145) 评论(0) 推荐(0) 编辑
摘要: text-shadow:文字阴影 box-shadow:盒子阴影 overflow:文本溢出属性指定应向用户如何显示溢出内容 p { white-space: nowrap; //超出部分是否换行,这里选否 width: 200px; border: 1px solid #000000; overf 阅读全文
posted @ 2019-04-13 10:53 浅墨若寒 阅读(202) 评论(0) 推荐(0) 编辑
摘要: Linear Gradients:线性渐变 background: linear-gradient(direction, color-stop1, color-stop2, ...); 默认是从上到下的,可以把direction改为left就为从左到右渐变 background: linear-gr 阅读全文
posted @ 2019-04-13 10:50 浅墨若寒 阅读(4758) 评论(0) 推荐(0) 编辑
摘要: background-image:添加背景图片 background-size:背景图的大小 length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动) percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二 阅读全文
posted @ 2019-04-13 10:44 浅墨若寒 阅读(132) 评论(0) 推荐(0) 编辑
摘要: border-radius:创建圆角 圆角可以单设 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角 两个值: 第一个值为左上角与右下角,第二个值为右上角与左下角 一个值: 四个圆角值相同 b 阅读全文
posted @ 2019-04-13 10:43 浅墨若寒 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 弹性盒子:Flex Box 弹性盒子,就是将元素放在盒子中,自行选择里面元素的位置和间距边距 1.flex-direction:属性指定了弹性子元素在父容器中的位置 row:横向从左到右排列(左对齐),默认的排列方式 row-reverse:反转横向排列(右对齐,从后往前排,最后一项排在最前面 co 阅读全文
posted @ 2019-04-13 10:42 浅墨若寒 阅读(141) 评论(0) 推荐(0) 编辑