htmlCSS基础

html

html

html、head、title、meta、link、body、script

块级(默认换行,可设置宽高):div(无语义块级元素)、p(段落)、 h1~h6(标题)、hr(分隔线)、blockquote(引用块)、ul(无序列表)、ol(有序列表)、li(列表项)、table(表格)、caption(表格标题)、tr(表格行)、th(表格列标题)、td(表格列)、address(地址)

行内(默认不换行,不可设置宽高):span(无语义行内元素)、a(链接)、strong(强调加粗)、b(加粗)、em(强调倾斜)、i(倾斜)、q(引用)、br(换行)、label(input标记)、select(下拉框)

行内块(默认不换行,可设置宽高):img(图片)、input(输入框)、textarea(文本框)、button(按钮)

<input type="text(文本框)、password(密码框)、radio(单选框)、checkbox(多选框)、submit(提交)、reset(重置)">

html5

<!DOCTYPE html>文档类型声明

header(头部)、footer(尾部)、nav(导航)、main(主体)、section(节)、aside(侧边栏)、article(文章)

<input type="color、url、email、number、time、date">

<audio controls autoplay preload loop>

<video>

<svg>

<canvas>

CSS

css

position、top、bottom、left、right、float、z-index、display、opacity、visibility、overflow

width、height、padding、border(wsc)、margin

vertical-align、line-height、text-align、text-decoration、text-indent

color、font(svws/hf)、background(cirap)

clip、counter、cursor、list-style(tip)、outline(csw)

css3

 子> 相邻同胞+ 群组, 属性[attr] 伪元素:after :before 伪类:link :visited :hover :active :focus :nth-child() :nth-last-child()

圆角border-radius

阴影box-shadow

颜色rgba()

背景background-image、background-color、background-size

过渡transition

动画animation、@keyframes

       属性:top、bottom、left、right、z-index、opacity、visibility

                 width、height、padding、border(wc)、margin

                 vertical-align、line-height、text-indent

                 color、font(ws)、background(c)

                 clip、outline(cw)

                 border-radius、box-shadow、transform

变换transform:translate、rotate、scale

猜你喜欢

转载自www.cnblogs.com/murenyangqun/p/9834628.html
今日推荐