- 博客(4)
- 收藏
- 关注
原创 CSS非常好用的flex(弹性盒)布局
CSS非常好用的flex(弹性盒)布局实现方法 display:flex;//设置为块级弹性容器 display:inline-flex;//设置为行内弹性容器弹性容器属性flex-direction:指定容器中弹性元素的排列方式(平行于元素排列方向称为主轴,垂直于元素排列方向称为辅轴) flex-direction:row; //默认值,元素在容器中从左向右水平排列 flex-direction:row-reverse;// 元素在容器中从右向左水平排列 flex-direction
2021-03-27 20:08:07
204
原创 CSS笔记之CSS字体属性
CSS笔记之CSS字体属性font属性font-family:字体类型格式:font-family:字体名;举例:结果:CSS定义的字体是开发者推荐的字体,实际用户可能没有安装该字体,所以可以同时定义多个字体:{ font-family:字体1, 字体2, 字体3,…;}浏览器会优先选择前面的字体,如果没有安装,则选下一个;我们常说的字体,如微软雅黑,Times New Roman等都是指某种特定的字体。实际中有些字体会有不同的变形,从而产生一个字体系列,font-family也可以直
2021-01-08 15:59:51
288
原创 CSS笔记之CSS选择器类型
CSS笔记之CSS选择器类型CSS的样式的定义由两部分组成:选择器和样式声明;格式:选择器{属性:属性值;}选择器作用是选中需要进行样式声明的标签;选择器类型标签选择器html页面上所有的标签都可以是选择器;使用标签选择器可以选中网页内所有该标签;格式:标签{属性:属性值;}举例:结果: 类选择器使用类选择器可以选中HTML页面中所有具有该类名的标签格式:.class类名{属性:属性值;}举例:结果:ID选择器使用类选择器可以选中HTML页面中具有该ID名的标签一个I
2021-01-02 13:51:59
472
6
原创 2020-12-26
前端笔记整理css引用方式:行间样式(嵌入式样式);内部样式;外部样式;导入外部样式(新建样式文件);(1)行间样式:在标签内写样式 (2)内部样式:文件内部写样式,用style标签包裹,style标签一般写在head标签内 css文件内写法: div{ width:200px; height:200px; background-color:#ebc; } 区别: (1)行间样式只作用于
2020-12-27 23:46:48
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅