weixin_54019176的博客

CSS非常好用的flex（弹性盒）布局 实现方法 display:flex;//设置为块级弹性容器 display:inline-flex;//设置为行内弹性容器 弹性容器属性 flex-direction:指定容器中弹性元素的排列方式(平行于元素排列方向称为主轴，垂直于元素排列方向称为辅轴) flex-direction:row; //默认值，元素在容器中从左向右水平排列 flex-direction:row-reverse;// 元素在容器中从右向左水平排列 flex-direction

CSS笔记之CSS字体属性 font属性 font-family：字体类型 格式：font-family:字体名; 举例： 结果： CSS定义的字体是开发者推荐的字体，实际用户可能没有安装该字体，所以可以同时定义多个字体： { font-family:字体1, 字体2, 字体3,…;} 浏览器会优先选择前面的字体，如果没有安装，则选下一个； 我们常说的字体，如微软雅黑，Times New Roman等都是指某种特定的字体。 实际中有些字体会有不同的变形，从而产生一个字体系列，font-family也可以直

CSS笔记之CSS选择器类型 CSS的样式的定义由两部分组成：选择器和样式声明； 格式：选择器{属性:属性值;} 选择器作用是选中需要进行样式声明的标签； 选择器类型 标签选择器 html页面上所有的标签都可以是选择器； 使用标签选择器可以选中网页内所有该标签； 格式：标签{属性:属性值;} 举例： 结果： 类选择器 使用类选择器可以选中HTML页面中所有具有该类名的标签 格式：.class类名{属性:属性值;} 举例： 结果： ID选择器 使用类选择器可以选中HTML页面中具有该ID名的标签 一个I

前端笔记整理 css引用方式：行间样式（嵌入式样式）；内部样式；外部样式；导入外部样式（新建样式文件）； (1)行间样式：在标签内写样式 (2)内部样式：文件内部写样式，用style标签包裹，style标签一般写在head标签内 css文件内写法： div{ width:200px; height:200px; background-color:#ebc; } 区别： (1)行间样式只作用于