CSS3
文章平均质量分 95
CSS3使用
程序不了猿
一个还在成长的程序员,分享自己学到的点滴经验。
展开
-
【CSS3】浅谈display属性flex弹性布局、gird网格布局
浅谈display属性flex弹性布局、gird网格布局这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。一、Flex布局Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性原创 2021-03-01 15:01:23 · 1201 阅读 · 0 评论 -
CSS中溢出文字以省略号显示
文字溢出省略号显示单行文字溢出省略号显示代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2020-09-05 10:06:18 · 175 阅读 · 0 评论 -
网页标准CSS初始化
CSS初始化由于HTML中的元素会自带特有的样式,所有为了方便统一页面的样式,我们需要对每个页面进行CSS初始化。这次使用的CSS初始化方法是以京东为原型,仅供大家参考:/* 把所有标签的内外边距清零 */* { margin: 0; padding: 0}/*取消 em 和 i 字体下斜 */em,i { font-style: normal;}/* 去掉li的小圆点 */li { list-style: none;}img { /*原创 2020-09-05 09:28:51 · 398 阅读 · 1 评论 -
CSS3造轮子之3D轮播图
CSS3造轮子之3D轮播图源码这个轮播图组件基于3D构建的轮播图,3D最关键在于透视perspective和transformstyle这两个样式属性以及三维建模的基本认知。3D建模的最关键要理解的是他的坐标系:1.原点:原点是建立在父盒子元素的中心,和2D不同,2D的原点在元素的左上角;2.x轴:x轴证方向为水平向右3.Y轴:Y轴正方向为竖直向下4.Z轴:Z轴正方向为垂直屏幕向外,即屏幕向眼睛的方向<!DOCTYPE html><html lang="en">原创 2020-12-07 14:07:42 · 824 阅读 · 2 评论 -
【VUE】vue前端框架知识整理
VUE.JS学习笔记文章目录第一章 vue简介1.1 Vue基本使用1.2 Vue模板语法1.2.1 前端渲染1.2.2指令使用==a.使用v-cloak指令解决差值表达式存在闪动问题==b. 数据绑定指令1.v-text 填充纯文本2.v-html 填充HTML片段3.v-pre 填充原始信息c.数据响应式d.双向数据绑定***MVVM设计思想e. 事件绑定f. 属性绑定g. 样式绑定1.class样式处理2.样式绑定相关语法细节3.style样式处理h. 分支循环结构1.分支结构2. 循环结构1.3原创 2020-07-03 09:03:12 · 1840 阅读 · 4 评论