HTML5个人笔记总结

在这里插入代码片

1 html
web标准：html+css+js
html:超文本标记语言
html/xhtml/html5
html 常用标签
块级标签
行内标签
不支持宽高和上下的margin/padding
解决方案:block/inline-block/absolute/fixed/flex
行内块级标签 — 置换元素
display:inline/inline-block/block/none/flex/table/table-cell/table-caption/list-item/grid

	a href="" target="_blank" title=""
	img src="" alt="" title=""
html5 
	语义化标签
		header/footer/nav/section/aside/article/mark/canvas
		video/audio
		视频支持的格式  webm/ogg/mp4
	表单
		number/range/date
		datalist/option
		placeholder/required/autofocus

2 CSS
css:层叠样式表
层叠？ 权重/优先级
css创建方式

css权重
	样式创建的权重
		行内最高。内部和外部依据书写顺序
	css当中选择器的权重
		!important
		id


css选择器
	*{}   --- 通配符选择器
	div{}  --- 类型选择器(标签选择器)
	.a{}  --- class
	#a{}   ---  id
	.a img{}   ---  后代选择器
	.a > img{}  --- 子代选择器
	.a,.b    --- 群组选择器

	层级选择器
		>子代选择器
		+  后面紧挨着的唯一一个元素
		~  后面所有的

	伪类选择器
		结构性伪类选择器
			:nth-child
			:nth-of-type
		动态伪类选择器
			:link
			:visited
			:hover
			:active
			:focus
		UI元素状态伪类选择器
			:checked
			:enbaled
			:disabled
			::selection

	伪元素  --- 伪对象操作符
		:before
		:after
		:first-letter
		:first-line
	
	属性选择器  []
		img[src=""]
		a[class="a