LXMXHJ的博客

文章目录背景属性background-colorbackground-clipbackground-imagebackground-repeatbackgroun-sizebackground-positionbackground-originbackground-attachment属性具体案例值介绍background属性设置注意事项练习按钮-雪碧图表格案例表格table概述表格创建标签tr td（thead/tbody/tfoot）表格属性（border/width/align/rowspan/clo

文章目录图标字体font-awesome图标字体通过伪类来使用图标字体阿里图标字体icofont字体基本属性字体单位行间距设置字体样式font行高line-height文本样式text-align设置文本的水平对齐方式vertical-align设置文本的垂直对齐方式text-decoration设置文本修饰text-indent首行缩进white-space处理空白内容text-overflow 处理溢出的文本letter-spacing 字母间的距离word-spacing 单词间的距离案例 图标字体

时间 xxx 文章目录定位相对定位元素开启相对定位之后的特点 position：relative；当元素开启定位以后，可以通过四个方向的偏移量来控制元素的位置绝对定位绝对定位特点包含块绝对定位元素的水平方向的等式相对定位、绝对定位、固定定位的区别固定定位特点粘滞定位层级和透明效果层级透明效果字体font-facefont-family图标字体 font-awesome案例案例1：轮播图 定位 相对定位 概述 通过定位可以将元素摆放到页面中的任意位置。 使用position属性来设置元素的...

时间 xxx 文章目录圆角：border-radius轮廓和阴影轮廓阴影浮动概述浮动的特点元素脱离文档流以后的特点浮动作用案例案例1：导航栏1案例2：导航栏2高度塌陷BFC（Block Format Content）BFC独立布局区域的特性开启BFC的方式clear属性高度塌陷+外边距重叠+clear 圆角：border-radius 参数： 个数 含义 四个 左上，右上，右下，左下 三个 左上，右上左下，右下 两个 左上右下，右上左下 一个 四个角 注意...

文章目录垂直方向布局高度产生溢出现象关于溢出采用overflow处理溢出内容外边距外边距折叠现象外边距折叠原理父子元素外边距的折叠文档流内联元素的盒模型displayvisibility默认样式块和内联元素练习练习1：下拉菜单练习2练习3练习4 垂直方向布局 宽度width是auto时，子元素会占满父元素； 高度height是auto时，父元素的高度由其内容的高度决定； 垂直方向的等式： margin-top + border-top + padding-top + height + padding-bot

文章目录CSS的特点继承选择器的权重各种选择器的权重复合选择器单位-长度、颜色长度单位像素(px)百分比（%）颜色单位直接使用颜色名来设置颜色可以使用RGB值来表示颜色使用十六进制的rgb值使用hsl()表示颜色盒子模型（框模型 box model）边框边框颜色border-color边框样式border-style边框宽度border-width边框的简写属性border内边距 padding外边距margin关于盒子大小的计算width、height水平布局解释说明 CSS的特点继承 后代元素会继承到

列表 list：主要用来表示多个并列关系的内容 无序列表 使用ul标签来创建一个无序列表 <ul> <li></li> <li></li> <ul> 有序列表 (项目符号用的是1234)：使用ol标签来创建一个有序列表 <ol> <li></li> <li></li> <ol> 注意： 两

meta标签 作用 用来设置网页的编码字符集，作用是告诉浏览器这个网页是采用UTF-8的字符集编码的 < meta charset = "UTF-8"> 用来设置网页中的元数据（元数据就是网页中本身的特性），它里边的内容不被用户查看，一般用来告诉浏览器如何解析网页或者告诉搜索引擎网页的主要内容。 可选属性 name：要设置的属性的名字 有两个参数：description/keywords description——用于告诉搜索引擎网页的主要内容，相当于自我介绍； keywords—

软件的分类 C/S架构的软件 C表示客户端，S表示服务 客户端–用户通过客户端来使用软件； 服务器–用来处理软件的业务逻辑。 特点： 必须安装后才可以使用； 软件更新时，服务器和客户端都需要更新； 无法跨平台（指操作系统）使用； 客户端和服务器间的通信采用自有的协议，安全性较好。例子（qq、微信）。 B/S架构的软件 B表示浏览器，S表示服务器 B/S本质上也是C/S，只不过B/S使用浏览器作为软件的客户端 B/S实际上就是一个一个的网站，我们可以通过访问一个网站来使用软件。例子（京东、淘宝、1230

基础常识概念 根据W3C的标准，一个网页是由三个部分组成：结构（HTML）、表现（CSS）、行为（JavaScript）。 一个良好的网页要求三者分离。 原因：一个软件通常是维护时间大于开发时间，为了方便维护，所以采用三者分离的方式。 耦合，代码之间的关系过于亲密，修改一个必须要同时修改其他。解耦，降低代码之间的关系。 HTML介绍 概述 HTML（Hpertext Markup Language）超文本标记语言，它负责网页三个要素之中的结构，HTML使用标签的形式来识别网页中的不同组成部分。 所谓超