day02

A我今天学了什么

1.html标签的分类

1.块标签(display:block)

p  段落标签
div  盒子模型
h1~h6 标题标签
ul(li) 无序列表
dl((dt)(dd)) 定义列表

2.内联标签(display:inline)

a  超链接标签
span 范围标签
em 斜体标签
strong 加粗加重标签

3.内联块标签(display:inline-block)

img 图片标签
input 输入框标签
button 按钮标签
  1. 总结
这些标签都自带display属性,更改这些属性可以改变标签的类别
对父级使用text-align可以居中(对内联  内联块有用)
2.选择器

1.class

class 选择器

2.id

id选择器

3.p

元素选择器

4.分组选择器

中间用逗号隔开

5.后代选择器

空格   是所有后代;> 仅仅是子代

6.属性选择器

【】在中括号里写上属性值

7.伪类选择器

hover  悬停事件
focus  焦点事件
3.伪元素

1.before

在内容前加入

2.after

在内容后加入

3.总结 使用时一定要在前面加 content

我今天掌握了什么

1.html标签的分类

1.块标签(display:block)

p  段落标签
div  盒子模型
h1~h6 标题标签
ul(li) 无序列表
dl((dt)(dd)) 定义列表

2.内联标签(display:inline)

a  超链接标签
span 范围标签
em 斜体标签
strong 加粗加重标签

3.内联块标签(display:inline-block)

img 图片标签
input 输入框标签
button 按钮标签
  1. 总结
这些标签都自带display属性,更改这些属性可以改变标签的类别
对父级使用text-align可以居中(对内联  内联块有用)
2.选择器

1.class

class 选择器

2.id

id选择器

3.p

元素选择器

4.分组选择器

中间用逗号隔开

5.后代选择器

空格   是所有后代;> 仅仅是子代

6.属性选择器

【】在中括号里写上属性值

7.伪类选择器

hover  悬停事件
focus  焦点事件
3.伪元素

1.before

在内容前加入

2.after

在内容后加入

3.总结 使用时一定要在前面加 content

我今天没掌握什么

全部掌握了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • A:今天学的内容 一、标签的分类 1、块标签(div、p、h1~h6、ul、li、dl、dt、dd) 特点:1.独...
    AnnQi阅读 1,722评论 0 0
  • 1.HTML标签的分类 1.1块标签 特点: 1.2内联标签 特点: 1.3内联块标签 特点: 2.水平居中(内联...
    陈梦晴阅读 2,806评论 0 0
  • A我今天学到了什么 一.html的分类 1.块标签 2.内联标签 3.内联块标签 二.让内联元素和内联块元素水平居...
    孔子曰_f425阅读 1,722评论 0 0
  • 今天上午去还给昨天在星巴克邻座的姑娘掉的手机。 然后上楼上厕所的时候看到了晨光文具店,商场里很少有卖文具的,于是我...
    夏天Micky阅读 3,616评论 4 0