13.属性选择器、emment快捷键

最新推荐文章于 2021-11-15 22:11:02 发布

121689Stone

最新推荐文章于 2021-11-15 22:11:02 发布

阅读量249

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/qq_37993288/article/details/77539898

版权

css 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

属性定义的标签选择器[ ]

<head>
    <style type="text/css">
        input[type=text][class]{
            width:300px;
            height:300px;
            background:red;
        }
    </style>
</head>
<body>
    <input type="text">
    <input type="text" class="pwd">
    <input type="password" class="user">
    <input type="button">
    <input type="submit">
</body>

emment快捷键
1.生成子类标签
标签名>子标签名>子标签名>子标签名+tab
标签名>子标签名>子标签名>子标签名^^子标签名+tab

2.带固定数量的标签: ul>li*5+tab

3.带有序号名称：ul>li.abc*3 + tab

4.生成带有内容的标签：ul>li>a{item}*5

5.css：
width:30px==>w30+tab
Height:30px==>h30+tab
Margin:30px==>mg30+tab
Padding:30px==> pd30+tab
Line-height:12px==>lh12px+tab
Background==>bg+tab

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

121689Stone

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
13.属性选择器、emment快捷键

属性定义的标签选择器[ ]<head> <style type="text/css"> input[type=text][class]{ width:300px; height:300px; background:red; } </style></head><body>
复制链接

扫一扫