Atalhos do EMMET
Abaixo temos uma lista de seletores CSS do EMMET em nosso editor de eventos.
Lembrando que por tratar-se de seletores CSS, para que os mesmo funcionem como esperado é necessário serem utilizados dentro da tag
<style> @m </style>
Seletores CSS
Seletores CSS | Para Abrir |
---|---|
@i ou @import | @import url( ); |
@m ou @media | @media screen { } |
@f | @font-face {font-family: ; src:url(); } |
@f+ | @font-face {font-family: 'FontName'; src: url('FileName.eot'); src: url('FileName.eot?#iefix') format('embedded-opentype'), url('FileName.woff') format('woff'), url('FileName.ttf') format('truetype'), url('FileName.svg#FontName') format('svg'); font-style: normal; font-weight: normal; } |
anim | animation: ; |
anim- | animation: name duration timing-function delay iteration-count direction fill-mode; |
animdel | animation-delay: time; |
animdir ou animdir:n | animation-direction: normal; |
animdir:r | animation-direction: reverse; |
animdir:a | animation-direction: alternate; |
animdir:ar | animation-direction: alternate-reverse; |
animdur | animation-duration: 0s; |
animfm | animation-fill-mode: both; |
animfm:f | animation-fill-mode: forwards; |
animfm:b | animation-fill-mode: backwards; |
animfm:bt ou animfm:bh | animation-fill-mode: both; |
animic | animation-iteration-count: 1; |
animic:i | animation-iteration-count: infinite; |
animn | animation-name: none; |
animps | animation-play-state: running; |
animps:p | animation-play-state: paused; |
animps:r | animation-play-state: running; |
animtf | animation-timing-function: linear; |
animtf:e | animation-timing-function:ease; |
animtf:ei | animation-timing-function:ease-in; |
animtf:eo | animation-timing-function:ease-out; |
animtf:eio | animation-timing-function:ease-in-out; |
animtf:l | animation-timing-function:linear; |
animtf:cb | animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 0.1); |
ap | appearance: none; |
! | !important" |
pos ou pos:r | position: relative; |
pos:s | position:static; |
pos:a | position:absolute; |
pos:f | position:fixed; |
t | top: ; |
t:a | top:auto; |
r | right: ; |
r:a | right:auto; |
b | bottom: ; |
b:a | bottom:auto; |
l | left: ; |
l:a | left:auto; |
z | z-index: ; |
z:a | z-index:auto; |
fl ou fl:l | float: left; |
fl:n | float:none; |
fl:r | float:right; |
cl ou cl:b | clear: both; |
cl:n | clear:none; |
cl:l | clear:left; |
cl:r | clear:right; |
colm | columns: ; |
colmc | column-count: ; |
colmf | column-fill: ; |
colmg | column-gap: ; |
colmr | column-rule: ; |
colmrc | column-rule-color: ; |
colmrs | column-rule-style: ; |
colmrw | column-rule-width: ; |
colms | column-span: ; |
colmw | column-width: ; |
d ou d:b | display: block; |
d:n | display:none; |
d:f | display:flex; |
d:if | display:inline-flex; |
d:i | display:inline; |
d:ib | display:inline-block; |
d:ib+ | display: inline-block;\n*display: inline;\n*zoom: 1; |
d:li | display:list-item; |
d:ri | display:run-in; |
d:cp | display:compact; |
d:tb | display:table; |
d:itb | display:inline-table; |
d:tbcp | display:table-caption; |
d:tbcl | display:table-column; |
d:tbclg | display:table-column-group; |
d:tbhg | display:table-header-group; |
d:tbfg | display:table-footer-group; |
d:tbr | display:table-row; |
d:tbrg | display:table-row-group; |
d:tbc | display:table-cell; |
d:rb | display:ruby; |
d:rbb | display:ruby-base; |
d:rbbg | display:ruby-base-group; |
d:rbt | display:ruby-text; |
d:rbtg | display:ruby-text-group; |
v ou v:h | visibility: hidden; |
v:v | visibility:visible; |
v:c | visibility:collapse; |
ov ou ov:h | overflow: hidden; |
ov:v | overflow:visible; |
ov:s | overflow:scroll; |
ov:a | overflow:auto; |
ovx ou ovx:h | overflow-x: hidden; |
ovx:v | overflow-x:visible; |
ovx:s | overflow-x:scroll; |
ovx:a | overflow-x:auto; |
ovy | overflow-y: hidden; |
ovy:v | overflow-y:visible; |
ovy:h | overflow-y:hidden; |
ovy:s | overflow-y:scroll; |
ovy:a | overflow-y:auto; |
ovs ou ovs:s | overflow-style: scrollbar; |
ovs:a | overflow-style:auto; |
ovs:p | overflow-style:panner; |
ovs:m | overflow-style:move; |
ovs:mq | overflow-style:marquee; |
zoo | zoom:1; |
zm | zoom:1; |
cp | clip: ; |
cp:a | clip:auto; |
cp:r | clip: rect(top right bottom left); |
bxz | box-sizing: border-box; |
bxz:cb | box-sizing:content-box; |
bxz:bb | box-sizing:border-box; |
bxsh | box-shadow: inset hoff voff blur color; |
bxsh:r | box-shadow: inset hoff voff blur spread rgb(0, 0, 0); |
bxsh:ra | box-shadow: inset h v blur spread rgba(0, 0, 0, .5); |
bxsh:n | box-shadow:none; |
m | margin: ; |
m:a | margin:auto; |
mt | margin-top: ; |
mt:a | margin-top:auto; |
mr | margin-right: ; |
mr:a | margin-right:auto; |
mb | margin-bottom: ; |
mb:a | margin-bottom:auto; |
ml | margin-left: ; |
ml:a | margin-left:auto; |
p | padding: ; |
pt | padding-top: ; |
pr | padding-right: ; |
pb | padding-bottom: ; |
pl | padding-left: ; |
w | width: ; |
w:a | width:auto; |
h | height: ; |
h:a | height:auto; |
maw | max-width: ; |
maw:n | max-width:none; |
mah | max-height: ; |
mah:n | max-height:none; |
miw | min-width: ; |
mih | min-height: ; |
mar | max-resolution: res; |
mir | min-resolution: res; |
ori | orientation: ; |
ori:l | orientation:landscape; |
ori:p | orientation:portrait; |
ol | outline: ; |
ol:n | outline:none; |
olo | outline-offset: ; |
olw | outline-width: ; |
olw:tn | outline-width:thin; |
olw:m | outline-width:medium; |
olw:tc | outline-width:thick; |
ols | outline-style: ; |
ols:n | outline-style:none; |
ols:dt | outline-style:dotted; |
ols:ds | outline-style:dashed; |
ols:s | outline-style:solid; |
ols:db | outline-style:double; |
ols:g | outline-style:groove; |
ols:r | outline-style:ridge; |
ols:i | outline-style:inset; |
ols:o | outline-style:outset; |
olc | outline-color: #000; |
olc:i | outline-color:invert; |
bfv | backface-visibility: ; |
bfv:h | backface-visibility:hidden; |
bfv:v | backface-visibility:visible; |
bd | border: ; |
bd+ | border: 1px solid #000; |
bd:n | border:none; |
bdbk ou bdbk:c | border-break: close; |
bdcl | border-collapse: ; |
bdcl:c | border-collapse:collapse; |
bdcl:s | border-collapse:separate; |
bdc | border-color: #000; |
bdc:t | border-color:transparent; |
bdi | border-image: url(); |
bdi:n | border-image:none; |
bdti | border-top-image:url(); |
bdti:n | border-top-image:none; |
bdri | border-right-image:url(); |
bdri:n | border-right-image:none; |
bdbi | border-bottom-image:url(); |
bdbi:n | border-bottom-image:none; |
bdli | border-left-image:url(); |
bdli:n | border-left-image:none; |
bdci | border-corner-image:url(); |
bdci:n | border-corner-image:none; |
bdci:c | border-corner-image:continue; |
bdtli | border-top-left-image:url(); |
bdtli:n | border-top-left-image:none; |
bdtli:c | border-top-left-image:continue; |
bdtri | border-top-right-image:url(); |
bdtri:n | border-top-right-image:none; |
bdtri:c | border-top-right-image:continue; |
bdbri | border-bottom-right-image:url(); |
bdbri:n | border-bottom-right-image:none; |
bdbri:c | border-bottom-right-image:continue; |
bdbli | border-bottom-left-image:url(); |
bdbli:n | border-bottom-left-image:none; |
bdbli:c | border-bottom-left-image:continue; |
bdf ou bdf:r | border-fit: repeat; |
bdf:c | border-fit:clip; |
bdf:sc | border-fit:scale; |
bdf:st | border-fit:stretch; |
bdf:ow | border-fit:overwrite; |
bdf:of | border-fit:overflow; |
bdf:sp | border-fit:space; |
bdlen | border-length: ; |
bdlen:a | border-length:auto; |
bdsp | border-spacing:|; |
bds | border-style: ; |
bds:n | border-style:none; |
bds:h | border-style:hidden; |
bds:dt | border-style:dotted; |
bds:ds | border-style:dashed; |
bds:s | border-style:solid; |
bds:db | border-style:double; |
bds:dtds | border-style:dot-dash; |
bds:dtdtds | border-style:dot-dot-dash; |
bds:w | border-style:wave; |
bds:g | border-style:groove; |
bds:r | border-style:ridge; |
bds:i | border-style:inset; |
bds:o | border-style:outset; |
bdw | border-width: ; |
bdtw | border-top-width: ; |
bdrw | border-right-width: ; |
bdbw | border-bottom-width: ; |
bdlw | border-left-width: ; |
bdt ou bt | border-top: ; |
bdt+ | border-top: 1px solid #000; |
bdt:n | border-top:none; |
bdts | border-top-style: ; |
bdts:n | border-top-style:none; |
bdtc | border-top-color: #000; |
bdtc:t | border-top-color:transparent; |
bdr ou br | border-right: ; |
bdr+ | border-right: 1px solid #000; |
bdr:n | border-right:none; |
bdrst | border-right-style: ; |
bdrst:n | border-right-style:none; |
bdrc | border-right-color: #000; |
bdrc:t | border-right-color:transparent; |
bdb ou bb | border-bottom: ; |
bdb+ | border-bottom: 1px solid #000; |
bdb:n | border-bottom:none; |
bdbs | border-bottom-style: ; |
bdbs:n | border-bottom-style:none; |
bdbc | border-bottom-color: #000; |
bdbc:t | border-bottom-color:transparent; |
bdl ou bl | border-left: ; |
bdl+ | border-left: 1px solid #000; |
bdl:n | border-left:none; |
bdls | border-left-style: ; |
bdls:n | border-left-style:none; |
bdlc | border-left-color: #000; |
bdlc:t | border-left-color:transparent; |
bdrs | border-radius: ; |
bdtrrs | border-top-right-radius: ; |
bdtlrs | border-top-left-radius: ; |
bdbrrs | border-bottom-right-radius: ; |
bdblrs | border-bottom-left-radius: ; |
bg | background: #000; |
bg+ | background: #fff url() 0 0 no-repeat; |
bg:n | background:none; |
bg:ie | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop'); |
bgc | background-color: #fff; |
bgc:t | background-color:transparent; |
bgi | background-image:url(); |
bgi:n | background-image:none; |
bgr | background-repeat: ; |
bgr:n | background-repeat:no-repeat; |
bgr:x | background-repeat:repeat-x; |
bgr:y | background-repeat:repeat-y; |
bgr:sp | background-repeat:space; |
bgr:rd | background-repeat:round; |
bga | background-attachment: ; |
bga:f | background-attachment:fixed; |
bga:s | background-attachment:scroll; |
bgp | background-position: 0 0; |
bgpx | background-position-x: ; |
bgpy | background-position-y: ; |
bgbk | background-break: ; |
bgbk:bb | background-break:bounding-box; |
bgbk:eb | background-break:each-box; |
bgbk:c | background-break:continuous; |
bgcp ou bgcp:pb | background-clip: padding-box; |
bgcp:bb | background-clip:border-box; |
bgcp:cb | background-clip:content-box; |
bgcp:nc | background-clip:no-clip; |
bgo | background-origin: ; |
bgo:pb | background-origin:padding-box; |
bgo:bb | background-origin:border-box; |
bgo:cb | background-origin:content-box; |
bgsz | background-size: ; |
bgsz:a | background-size:auto; |
bgsz:ct | background-size:contain; |
bgsz:cv | background-size:cover; |
c | color: #000; |
c:r | color: rgb(0, 0, 0); |
c:ra | color: rgba(0, 0, 0, .5); |
cm | /* */ |
cnt | content:' '; |
cnt:n | content:normal; |
cnt:oq | content:open-quote; |
cnt:noq | content:no-open-quote; |
cnt:cq | content:close-quote; |
cnt:ncq | content:no-close-quote; |
cnt:a | content:attr(); |
cnt:c | content:counter(); |
cnt:cs | content:counters(); |
tbl | table-layout: ; |
tbl:a | table-layout:auto; |
tbl:f | table-layout:fixed; |
cps | caption-side: ; |
cps:t | caption-side:top; |
cps:b | caption-side:bottom; |
ec | empty-cells: ; |
ec:s | empty-cells:show; |
ec:h | empty-cells:hide; |
lis | list-style: ; |
lis:n | list-style:none; |
lisp | list-style-position: ; |
lisp:i | list-style-position:inside; |
lisp:o | list-style-position:outside; |
list | list-style-type: ; |
list:n | list-style-type:none; |
list:d | list-style-type:disc; |
list:c | list-style-type:circle; |
list:s | list-style-type:square; |
list:dc | list-style-type:decimal; |
list:dclz | list-style-type:decimal-leading-zero; |
list:lr | list-style-type:lower-roman; |
list:ur | list-style-type:upper-roman; |
lisi | list-style-image: ; |
lisi:n | list-style-image:none; |
q | quotes: ; |
q:n | quotes:none; |
q:ru | quotes: '00AB' '00BB' '201E' '201C'; |
q:en | quotes: '201C' '201D' '2018' '2019'; |
ct | content: ; |
ct:n | content:normal; |
ct:oq | content:open-quote; |
ct:noq | content:no-open-quote; |
ct:cq | content:close-quote; |
ct:ncq | content:no-close-quote; |
ct:a | content:attr( ); |
ct:c | content:counter( ); |
ct:cs | content:counters( ); |
coi | counter-increment: ; |
cor | counter-reset: ; |
va ou va:t | vertical-align: top; |
va:sup | vertical-align:super; |
va:tt | vertical-align:text-top; |
va:m | vertical-align:middle; |
va:bl | vertical-align:baseline; |
va:b | vertical-align:bottom; |
va:tb | vertical-align:text-bottom; |
va:sub | vertical-align:sub; |
ta ou ta:l | text-align: left; |
ta:c | text-align:center; |
ta:r | text-align:right; |
ta:j | text-align:justify; |
ta-lst | text-align-last: ; |
tal:a | text-align-last:auto; |
tal:l | text-align-last:left; |
tal:c | text-align-last:center; |
tal:r | text-align-last:right; |
td ou td:n | text-decoration: none; |
td:u | text-decoration:underline; |
td:o | text-decoration:overline; |
td:l | text-decoration:line-through; |
te | text-emphasis: ; |
te:n | text-emphasis:none; |
te:ac | text-emphasis:accent; |
te:dt | text-emphasis:dot; |
te:c | text-emphasis:circle; |
te:ds | text-emphasis:disc; |
te:b | text-emphasis:before; |
te:a | text-emphasis:after; |
th | text-height: ; |
th:a | text-height:auto; |
th:f | text-height:font-size; |
th:t | text-height:text-size; |
th:m | text-height:max-size; |
ti | text-indent: ; |
ti:- | text-indent:-9999px; |
tj | text-justify: ; |
tj:a | text-justify:auto; |
tj:iw | text-justify:inter-word; |
tj:ii | text-justify:inter-ideograph; |
tj:ic | text-justify:inter-cluster; |
tj:d | text-justify:distribute; |
tj:k | text-justify:kashida; |
tj:t | text-justify:tibetan; |
tov ou tov:e | text-overflow: ellipsis; |
tov:c | text-overflow:clip; |
to | text-outline: ; |
to+ | text-outline: 0 0 #000; |
to:n | text-outline:none; |
tr | text-replace: ; |
tr:n | text-replace:none; |
tt | text-transform: uppercase; |
tt:n | text-transform:none; |
tt:c | text-transform:capitalize; |
tt:u | text-transform:uppercase; |
tt:l | text-transform:lowercase; |
tw | text-wrap: ; |
tw:n | text-wrap:normal; |
tw:no | text-wrap:none; |
tw:u | text-wrap:unrestricted; |
tw:s | text-wrap:suppress; |
tsh | text-shadow: hoff voff blur #000; |
tsh:r | text-shadow: h v blur rgb(0, 0, 0); |
tsh:ra | text-shadow: h v blur rgba(0, 0, 0, .5); |
tsh+ | text-shadow: 0 0 0 #000; |
tsh:n | text-shadow:none; |
trf | transform: ; |
trf:skx | transform: skewX(angle); |
trf:sky | transform: skewY(angle); |
trf:sc | transform: scale(x, y); |
trf:scx | transform: scaleX(x); |
trf:scy | transform: scaleY(y); |
trf:scz | transform: scaleZ(z); |
trf:sc3 | transform: scale3d(x, y, z); |
trf:r | transform: rotate(angle); |
trf:rx | transform: rotateX(angle); |
trf:ry | transform: rotateY(angle); |
trf:rz | transform: rotateZ(angle); |
trf:t | transform: translate(x, y); |
trf:tx | transform: translateX(x); |
trf:ty | transform: translateY(y); |
trf:tz | transform: translateZ(z); |
trf:t3 | transform: translate3d(tx, ty, tz); |
trfo | transform-origin: ; |
trfs | transform-style: preserve-3d; |
trs | transition:prop time; |
trsde | transition-delay:time; |
trsdu | transition-duration:time; |
trsp | transition-property:prop; |
trstf | transition-timing-function:tfunc; |
lh | line-height: ; |
whs | white-space: ; |
whs:n | white-space:normal; |
whs:p | white-space:pre; |
whs:nw | white-space:nowrap; |
whs:pw | white-space:pre-wrap; |
whs:pl | white-space:pre-line; |
whsc | white-space-collapse: ; |
whsc:n | white-space-collapse:normal; |
whsc:k | white-space-collapse:keep-all; |
whsc:l | white-space-collapse:loose; |
whsc:bs | white-space-collapse:break-strict; |
whsc:ba | white-space-collapse:break-all; |
wob | word-break: ; |
wob:n | word-break:normal; |
wob:k | word-break:keep-all; |
wob:ba | word-break:break-all; |
wos | word-spacing: ; |
wow | word-wrap: ; |
wow:nm | word-wrap:normal; |
wow:n | word-wrap:none; |
wow:u | word-wrap:unrestricted; |
wow:s | word-wrap:suppress; |
wow:b | word-wrap:break-word; |
wm ou wm:lrt | writing-mode:lr-tb; |
wm:lrb | writing-mode:lr-bt; |
wm:rlt | writing-mode:rl-tb; |
wm:rlb | writing-mode:rl-bt; |
wm:tbr | writing-mode:tb-rl; |
wm:tbl | writing-mode:tb-lr; |
wm:btl | writing-mode:bt-lr; |
wm:btr | writing-mode:bt-rl; |
lts | letter-spacing: ; |
lts-n | letter-spacing:normal; |
f | font: ; |
f+ | font: 1em Arial,sans-serif; |
fw | font-weight: ; |
fw:n | font-weight:normal; |
fw:b | font-weight:bold; |
fw:br | font-weight:bolder; |
fw:lr | font-weight:lighter; |
fs ou fs:i | font-style:italic; |
fs:n | font-style:normal; |
fs:o | font-style:oblique; |
fv | font-variant: ; |
fv:n | font-variant:normal; |
fv:sc | font-variant:small-caps; |
fz | font-size: ; |
fza | font-size-adjust: ; |
fza:n | font-size-adjust:none; |
ff | font-family: ; |
ff:s | font-family:serif; |
ff:ss | font-family:sans-serif; |
ff:c | font-family:cursive; |
ff:f | font-family:fantasy; |
ff:m | font-family:monospace; |
ff:a | font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; |
ff:t | font-family: "Times New Roman", Times, Baskerville, Georgia, serif; |
ff:v | font-family: Verdana, Geneva, sans-serif; |
fef | font-effect: ; |
fef:n | font-effect:none; |
fef:eg | font-effect:engrave; |
fef:eb | font-effect:emboss; |
fef:o | font-effect:outline; |
fem | font-emphasize: ; |
femp | font-emphasize-position: ; |
femp:b | font-emphasize-position:before; |
femp:a | font-emphasize-position:after; |
fems | font-emphasize-style: ; |
fems:n | font-emphasize-style:none; |
fems:ac | font-emphasize-style:accent; |
fems:dt | font-emphasize-style:dot; |
fems:c | font-emphasize-style:circle; |
fems:ds | font-emphasize-style:disc; |
fsm | font-smooth: ; |
fsm:a | font-smooth:auto; |
fsm:n | font-smooth:never; |
fsm:aw | font-smooth:always; |
fst | font-stretch: ; |
fst:n | font-stretch:normal; |
fst:uc | font-stretch:ultra-condensed; |
fst:ec | font-stretch:extra-condensed; |
fst:c | font-stretch:condensed; |
fst:sc | font-stretch:semi-condensed; |
fst:se | font-stretch:semi-expanded; |
fst:e | font-stretch:expanded; |
fst:ee | font-stretch:extra-expanded; |
fst:ue | font-stretch:ultra-expanded; |
op | opacity: ; |
op+ | opacity: ; filter: alpha(opacity=); |
op:ie | filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
op:ms | -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; |
rsz | resize: ; |
rsz:n | resize:none; |
rsz:b | resize:both; |
rsz:h | resize:horizontal; |
rsz:v | resize:vertical; |
cur | cursor:pointer; |
cur:a | cursor:auto; |
cur:d | cursor:default; |
cur:c | cursor:crosshair; |
cur:ha | cursor:hand; |
cur:he | cursor:help; |
cur:m | cursor:move; |
cur:p | cursor:pointer; |
cur:t | cursor:text; |
fxd | flex-direction: ; |
fxd:r | flex-direction:row; |
fxd:rr | flex-direction:row-reverse; |
fxd:c | flex-direction:column; |
fxd:cr | flex-direction:column-reverse; |
fxw | flex-wrap: ; |
fxw:n | flex-wrap:nowrap; |
fxw:w | flex-wrap:wrap; |
fxw:wr | flex-wrap:wrap-reverse; |
fxf | flex-flow: ; |
jc | justify-content: ; |
jc:fs | justify-content:flex-start; |
jc:fe | justify-content:flex-end; |
jc:c | justify-content:center; |
jc:sb | justify-content:space-between; |
jc:sa | justify-content:space-around; |
ai | align-items: ; |
ai:fs | align-items:flex-start; |
ai:fe | align-items:flex-end; |
ai:c | align-items:center; |
ai:b | align-items:baseline; |
ai:s | align-items:stretch; |
ac | align-content: ; |
ac:fs | align-content:flex-start; |
ac:fe | align-content:flex-end; |
ac:c | align-content:center; |
ac:sb | align-content:space-between; |
ac:sa | align-content:space-around; |
ac:s | align-content:stretch; |
ord | order: ; |
fxg | flex-grow: ; |
fxsh | flex-shrink: ; |
fxb | flex-basis: ; |
fx | flex: ; |
as | align-self: ; |
as:a | align-self:auto; |
as:fs | align-self:flex-start; |
as:fe | align-self:flex-end; |
as:c | align-self:center; |
as:b | align-self:baseline; |
as:s | align-self:stretch; |
pgbb | page-break-before: ; |
pgbb:au | page-break-before:auto; |
pgbb:al | page-break-before:always; |
pgbb:l | page-break-before:left; |
pgbb:r | page-break-before:right; |
pgbi | page-break-inside: ; |
pgbi:au | page-break-inside:auto; |
pgbi:av | page-break-inside:avoid; |
pgba | page-break-after: ; |
pgba:au | page-break-after:auto; |
pgba:al | page-break-after:always; |
pgba:l | page-break-after:left; |
pgba:r | page-break-after:right; |
orp | orphans: ; |
us | user-select:none; |
wid | widows: ; |
wfsm ou wfsm:a | -webkit-font-smoothing:antialiased; |
wfsm:s ou wfsm:sa | -webkit-font-smoothing:subpixel-antialiased; |
wfsm:n | -webkit-font-smoothing:none; |
Seletores HTML
Seletores HTML | Para Abrir |
---|---|
!!! | <!DOCTYPE html> |
!!!4t | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
!!!4s | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
!!!xt | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
!!!xs | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
!!!xxs | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
c | <!-- --> |
cc:ie6 | <!--[if lte IE 6]> <![endif]--> |
cc:ie | <!--[if IE]> <![endif]--> |
cc:noie | <!--[if !IE]><!--><!--<![endif]--> |
! | Cria uma estrutura HTML5 |
a | <a href=""></a> |
a:link | <a href="http://"></a> |
a:mail | <a href="mailto:"></a> |
abbr | <abbr title=""></abbr> |
acr ou acronym | <acronym title=""></acronym> |
base | <base href=""> |
basefont | <basefont> |
br | <br> |
frame | <frame> |
hr | <hr> |
bdo | <bdo dir=""></bdo> |
bdo:r | <bdo dir="rtl"></bdo> |
bdo:l | <bdo dir="ltr"></bdo> |
col | <col> |
link | <link rel="stylesheet" href=""> |
link:css | <link rel="stylesheet" href="style.css"> |
link:print | <link rel="stylesheet" href="print.css" media="print"> |
link:favicon | <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> |
link:touch | <link rel="apple-touch-icon" href="favicon.png"> |
link:rss | <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml"> |
link:atom | <link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml"> |
link:im ou link:import | <link rel="import" href="component.html"> |
meta | <meta> |
meta:utf | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> |
meta:win | <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> |
meta:vp | <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> |
meta:compat | <meta http-equiv="X-UA-Compatible" content="IE=7"> |
style | <style> |
script | <script></script> |
script:src | <script src=""></script> |
img | <img src="" alt=""> |
img:s ou img:srcset | <img srcset="" src="" alt=""> |
img:z ou img:sizes | <img sizes="" srcset="" src="" alt=""> |
picture | <picture> |
src ou source | <source> |
src:sc ou source:src | <source src="" type=""> |
src:s ou source:srcset | <source srcset=""> |
src:m ou source:media | <source media="(min-width: )" srcset=""> |
src:t ou source:type | <source srcset="" type="image/"> |
src:z ou source:sizes | <source sizes="" srcset=""> |
src:mt ou source:media:type | <source media="(min-width: )" srcset="" type="image/"> |
src:mz ou source:media:sizes | <source media="(min-width)" sizes="" srcset=""> |
src:zt ou source:sizes:type | <source sizes="" srcset="" type="image/"> |
iframe | <iframe src="" frameborder="0"> |
embed | <embed src="" type=""> |
object | <object data="" type=""> |
param | <param name="" value=""> |
map | <map name=""> |
area | <area shape="" coords="" href="" alt=""> |
area:d | <area shape="default" href="" alt=""> |
area:c | <area shape="circle" coords="" href="" alt=""> |
area:r | <area shape="rect" coords="" href="" alt=""> |
area:p | <area shape="poly" coords="" href="" alt=""> |
form | <form action=""> |
form:get | <form action="" method="get"> |
form:post | <form action="" method="post"> |
label | <label for=""> |
input | <input type="text"> |
inp | <input type="text" name="" id=""> |
input:h ou input:hidden | <input type="hidden" name=""> |
input:t ou input:text | <input type="text" name="" id=""> |
input:search | <input type="search" name="" id=""> |
input:email | <input type="email" name="" id=""> |
input:url | <input type="url" name="" id=""> |
input:p ou input:password | <input type="password" name="" id=""> |
input:datetime | <input type="datetime" name="" id=""> |
input:date | <input type="date" name="" id=""> |
input:datetime-local | <input type="datetime-local" name="" id=""> |
input:month | <input type="month" name="" id=""> |
input:week | <input type="week" name="" id=""> |
input:time | <input type="time" name="" id=""> |
input:tel | <input type="tel" name="" id=""> |
input:number | <input type="number" name="" id=""> |
input:color | <input type="color" name="" id=""> |
input:c ou input:checkbox | <input type="checkbox" name="" id=""> |
input:r ou input:radio | <input type="radio" name="" id=""> |
input:range | <input type="range" name="" id=""> |
input:f ou input:file | <input type="file" name="" id=""> |
input:s ou input:submit | <input type="submit" value=""> |
input:i ou input:image | <input type="image" src="" alt=""> |
input:b ou input:button | <input type="button" value=""> |
isindex | <isindex> |
input:reset | <input type="reset" value=""> |
select | <select name="" id=""></select> |
select:d ou select:disabled | <select name="" id="" disabled></select> |
opt ou option | <option value=""></option> |
textarea | <textarea name="" id="" cols="30" rows="10"></textarea> |
marquee | <marquee behavior="" direction=""></marquee> |
menu:c ou menu:context | <menu type="context"></menu> |
menu:t ou menu:toolbar | <menu type="toolbar"></menu> |
video | <video src=""></video> |
audio | <audio src=""></audio> |
html:xml | <html xmlns="http://www.w3.org/1999/xhtml"></html> |
keygen ou kg | <keygen> |
command ou cmd | <command> |
btn:s | <button type="submit"></button> |
btn:r | <button type="reset"></button> |
btn:d | <button disabled></button> |
fst:d | <fieldset disabled></fieldset> |
bq | <blockquote></blockquote> |
fig | <figure></figure> |
figc | <figcaption></figcaption> |
pic | <picture></picture> |
ifr | <iframe src="" frameborder="0"></iframe> |
emb | <embed src="" type=""> |
obj | <object data="" type=""></object> |
cap | <caption></caption> |
colg | <colgroup></colgroup> |
fst ou fset | <fieldset></fieldset> |
btn | <button></button> |
optg | <optgroup></optgroup> |
tarea | <textarea name="" id="" cols="30" rows="10"></textarea> |
leg | <legend></legend> |
sect | <section></section> |
art | <article></article> |
hdr | <header></header> |
ftr | <footer></footer> |
adr | <address></address> |
dlg | <dialog></dialog> |
str | <strong></strong> |
prog | <progress></progress> |
mn | <main></main> |
tem | <template></template> |
datag | <datagrid></datagrid> |
datal | <datalist></datalist> |
out | <output></output> |
det | <details></details> |
doc | Cria uma estrutura em HTML5 com o titulo "Documento" |
doc4 | Cria uma estrutura em HTML5 com o http-equiv="Content-Type" content="text/html;charset=UTF-8" |
ri:d ou ri:dpr | <img srcset="" src="" alt=""> |
ri:v ou ri:viewport | <img sizes="" srcset="" src="" alt=""> |
ri:a ou ri:art | Cria uma estrutura com as tags '<picture>', '<source media="(min-width: )" srcset="">' e '<img src="" alt="">' |
ri:t ou ri:type | Cria uma estrutura com as tags '<picture>', '<source srcset="" type="image/">' e '<img src="" alt="">' |
html:4t | Cria uma estrutura em HTML4 utilizando 'loose.dtd' |
html:4s | Cria uma estrutura em HTML4 utilizando 'strict.dtd' |
html:xt | Cria uma estrutura em HTML4 utilizando 'xhtml1-transitional.dtd |
html:xs | Cria uma estrutura em HTML4 utilizando 'xhtml1-strict.dtd' |
html:xxs | Cria uma estrutura em HTML4 utilizando 'xhtml11.dtd' |
html:5 | Cria uma estrutura em HTML5 |
ol+ | Cria uma estrutura com as tags '<ol>' e '<li>' |
ul+ | Cria uma estrutura com as tags '<ul>' e '<li>' |
dl+ | Cria uma estrutura com as tags '<dl>', '<dt>' e '<dd>' |
map+ | Cria uma estrutura com as tags '<map name="">' e '<area shape="" coords="" href="" alt="">' |
table+ | Cria uma estrutura com as tags '<table>', '<tr>' e '<td>' |
colgroup+ ou colg+ | Cria uma estrutura com as tags '<colgroup>' e '<col>' |
tr+ | Cria uma estrutura com as tags '<tr>' e '<td>' |
select+ | Cria uma estrutura com as tags '<select name="" id="">' e '<option value=""></option>' |
optgroup+ ou optg+ | Cria uma estrutura com as tags '<optgroup>' e '<option value=""></option>' |
pic+ | Cria uma estrutura com as tags '<picture>', '<source srcset="">' e '<img src="" alt="">' |