HTML&CSS

/* 伪元素选择器 ::开头 在p标签开始部分添加一些东西*/ p::before{ content: "我是::before"; }

* 属性选择器 */ /* div[id='one']{ background-color: red; } input[type='password'

/* 通配符选择器 普遍选择器 选中所有标签 去除标签的默认样式*/ *{ color: red; /* 去除列表的标志项 */ list-st

1.继承性 设置父元素的样式子元素可以继承 color/text-/line-/font- 注意:h1标签作为子元素不可以继承font-size a标签作为子元素字体

1.设置颜色关键字 */ /* color: red; */ /* 2.十六进制 0-f 0-9 a-f 3/4/6 */ /* color: #ff00

* 打开或者关闭斜体 font-style fs italic开启斜体 normal默认值 */ font-style: italic; /* 设置文本加粗 font-w

1.iconfont字体图标库使用 使用单色图标库 --> <!-- 1.1使用link标签引入iconfont.css文件 --> <link rel="stylesheet" h

/* 上划线 下划线 删除线 underline下划线 overline上划线 line-through 删除线 */ text-decoration: overline

/* 设置列表标志项 */ list-style-type: decimal; /* 设置列表标志项出现位置 inside在li标签里面 outside默认值 */

width: 200px; height: 200px; border: 2px solid red; /* display inline 将当前块级元素设置

/*将当前元素隐藏起来 */ /* 1.使用display none隐藏 block可见 */ /* display: none; */ /* 2.使用vi

width: 100px; height: 150px; background-color: red; /* 子元素内容溢出父元素 visible默认值

/* px相对像素单位 相对于当前设备分辨率 */ /* em 和 rem */ /* em是相对单位 相对于当前元素的字体大小而言 默认1em=16px */

/* 最大宽度max-width 最小宽度min-width */ /* 最大高度 max-height 最小高度 min-height */ max-width: 500

* 1.盒模型:标准盒子 内容盒子 w3c盒子 注意:width和height是设置给内容区宽高 计算公式: 盒子的宽:width+paddingLeft

width: 300px; height: 400px; /* 设置盒子背景颜色 */ background-color: red; /* 设置

/* 设置盒子背景颜色 */ background-color: red; /* 设置盒子设置背景图片 */ background-image:url(./s

* 浮动 none不浮动 left左浮动 right右浮动 */ /* 浮动特性： 元素设置浮动 会飘在文档流上方原先位置不保留

div:last-child{ background-color: blue; /* 清除浮动元素对兄弟元素影响 */ clea

清除浮动元素对其他元素影响 */ /* 2.在浮动元素和非浮动元素间添加一个空块级元素 */ .clear{ clear: both;