前端标签学习

146 阅读1分钟

标签的语法规则: 对标签: <标签 属性="值"></标签> 单标签: <标签 属性="值"/> 常用标签: h1~h6:标题标签。文本加粗变大,依次变小,独占一行 p:段落标签,独占一行,p标签内不能嵌套任何独占一行的元素,只能嵌套文本,及只占据自己内容大小位置的元素 span:文本节点标签。只占据自己内容大小的位置

div:盒子标签,独占一行,用来搭建页面结构 ul>li:无序列表标签,独占一行,默认小黑点修饰。通常取消小黑点 ol>li:有序列表排序,独占一行,默认阿拉伯数字排序,通常取消默认排序方式

css创建方式: 方式一:外部样式 1:创建一个独立的html文件,后缀为.html 2:创建一个独立的css文件,后缀为.css 3:关联 在html页面中的head标签里面添加

常用选择器: 三大基本选择器: id选择器:(哎呀你掉进了井里) id→# <标签id="name"></标签> #name{} 【注】在同一个页面中相同的id值只有一个,不能多次出现 在同一个id中只有一个值 具有唯一性 class选择器: .name{} <标签 class="name"></标签> 【注】在同一个页面中个相同的class值可以多次出现 在同一个class中可以有多个值 具有重用性 类型选择器(标签选择器): div{} p{} h{} .....标签{} <标签><标签/>

后代选择器: 选择器1 选择器2 选择器3{}选中1里面的2里面的3,最终选中的是指定位置的3