css代码: ul { list-style: none; width: 400px; height: 400px; margin: 0; padding: 0; background-image: url(https://timgsa.baidu.com/timg?image&quality=80 ...
分类:
其他好文 时间:
2020-01-06 09:28:05
阅读次数:
53
Bootstrap4 提供了一些小工具,可以让我们不用写 CSS 代码就能实现想要的效果。一、边框使用 border 类可以添加或移除边框:尝试一下 »二、边框颜色Bootstrap4 提供了一些类来设置边框颜色:尝试一下 »三、边框圆角设置使用rounded 类可以添加圆角边框:尝试一下 »四、浮... ...
分类:
其他好文 时间:
2020-01-02 18:25:05
阅读次数:
82
/ css基础入门 / / css语法结构 选择器{属性名: 属性值;属性名2: 属性值2} / / css三种引入方式: / / 1.通过标签引入css文件(最正规的写法) / / 2.在中的内直接写css代码 / / 3.标签内的style属性中直接写css代码 / / 查找标签的六种选择器 / ...
分类:
Web程序 时间:
2020-01-01 13:42:12
阅读次数:
67
Sublime Text、webstorm等编译器,如果你从事Web前端开发的话,对这几款软件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: 一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定的标签,比如<html>、 ...
分类:
Web程序 时间:
2020-01-01 12:03:25
阅读次数:
89
什么是CSS: 层叠样式表 就是用来调节标签的样式 CSS注释: CSS语法结构: ? 选择器 {属性名:属性值;属性名1:属性值1;属性名2:属性值;} CSS三种引用方式 ? 1.外部css文件(最正规的书写方式) ? 2.head内style标签内部直接书写css代码(为了教学方便可以使用这种 ...
分类:
Web程序 时间:
2019-12-26 21:43:08
阅读次数:
130
前端——CSS的引入方式、选择器 什么是CSS? 层叠样式表(就是用来调节标签的样式) CSS注释 注释的使用 css应该是一个独立的文件 css语法结构 css三种引入方式 外部css文件(最正规的书写方式) head内style标签内部直接书写css代码 标签内部通过style属性直接书写对应的 ...
分类:
Web程序 时间:
2019-12-26 21:19:47
阅读次数:
136
由于各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是 ...
分类:
Web程序 时间:
2019-12-26 19:48:44
阅读次数:
108
nextTick 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 在项目中遇到做横向滚动,并且通过首页传进来的值找到是通过哪一条进来的,并且将那一条展示在手机屏幕的可视区域, css代码如下 通过上一级页面传进来的值去请求接口之后,找到当前定位的 ...
在了解完Sass之后,相信大多数人更期望了解它到底如何将我们编写CSS代码的效率提高的?到底是如何让我们的CSS代码更具有可维护性的?到底如何让我们编写的CSS代码更具有重用性的?那么笔者就来讲述一个Sass编码的实例,来解答这些疑问。 首先我们先拟定一个需求,让HTML中按钮有相同的大小和不同的款 ...
分类:
Web程序 时间:
2019-12-24 09:31:51
阅读次数:
100