div
、h1-h6
、hr
、menu
、ol
、ul
、li
、dl
、dt
、dd
、table
、p
、form
display: block;
的元素,通常使用块级元素进行布局(结构)的搭建。ul/ol
下面只能是li
,dl
下面只能是dt dd
;p
不能包含其他块级元素包括自身span
、a
、strong
、i
、em
,s
、u
,textarea
、input
、select
,label
、img
、sup
,sub
display: inline;
的元素,通常使用行内元素进行文字、小图标(小结构)的搭建。CSS外链引入方式
link
是html
标签,@import
是css
提供的方式,写在css
文件或style
标签中。link
引用的css
文件会被同时加载,而@import
引入的css
文件会等页面全部下载完成后再加载。js
控制DOM改变CSS样式,只能使用link
标签,因为import
不能被DOM控制。CSS命名规范
header
content/container
footer
nav
sidebar
column
wrapper
left right center
loginbar
logo
banner
main
hot
news
download
subnav
menu
submenu
search
friendlink
footer
copyright
vote
partner
scroll
content
tab
list
msg
tips
title
joinus
guild
service
register
status