html基本标签的使用

滤镜

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			img {
				width: 400px;
				height: auto;
				display: block;
				margin: 0 auto;
				/* 	灰度 0-1之间*/
				/* -webkit-filter: grayscale(1); */
				/* 亮度1是默认值 */
				/* -webkit-filter: brightness(2); */
				/* 褐色属性 正常为0 */
				/* -webkit-filter: sepia(1); */
				/* 饱和度 */
				/* 	-webkit-filter: saturate(5); */
				/* 模糊度 */
				/* -webkit-filter: blur(50px); */
				/* 对比度 */
				/* 	-webkit-filter: contrast(0); */
				/* 胶片底色 */
				/* 	-webkit-filter: invert(1); */
				/* 色相旋转 */
				/* -webkit-filter: hue-rotate(30deg); */
				transition: all 3;
			}

			img:hover {
				-webkit-filter: none;
			}

		</style>
	</head>
	<body>
		<div>
			<img src="img/gy.jpg" />
		</div>
	</body>
</html>

　　

HbuilderX

开发工具 HbuilderX

快捷键：

ul>li{元素$}*5   

生成代码如下

            <ul>
                <li>元素1</li>
                <li>元素2</li>
                <li>元素3</li>
                <li>元素4</li>
                <li>元素5</li>
            </ul>
posted @ 2020-11-21 19:13  bradleydan  阅读(95)  评论(0)    收藏  举报