![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
qq_39355295
这里是一个前端的小白的基本的学习笔记,记录自己的成长
展开
-
elementUI select下拉框在ios移动端需要点击两次才能选中
解决方法:添加scss代码:.el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}转载 2020-05-21 16:53:52 · 1404 阅读 · 0 评论 -
CSS基本使用(一)--align-items属性
学习完上面的justify-content水平对齐方式后,我们可以来和align-items来区别使用。一、介绍align-items属性和justify-content不同的是,align-items主要是垂直方向的对齐方式,属性介绍:flex-start、flex-end、center、initial、inherit二、举例说明<style> .first...原创 2019-10-24 20:28:36 · 7688 阅读 · 0 评论 -
CSS基本使用(一)--justify-content 属性
最近啊发现一个自己之前没有接触过的CSS属性,这里分享一下,学习链接一、属性值<style>#start { width:400px; border: 1px solid #c3c3c3; display: flex; justify-content: start;}#center{ width:400px; border: 1px so...原创 2019-10-24 09:20:15 · 809 阅读 · 0 评论 -
CSS基本使用(一)--inherit属性(颜色和字体大小)
一、color属性设置提前:以color使用inherit有几种情况分析,以a标签为例,如果a标签本身没有给出颜色属性:第一种:没给a标签赋值:(1) 记住:a标签的颜色没有默认继承属性。所以:他的所有父级元素有没有给出颜色属性都不影响a标签的默认属性。运行结果:第一种:给a标签赋值color,但是没给父级元素赋值:<!DOCTYPE html><html ...转载 2019-10-21 19:20:35 · 11995 阅读 · 0 评论 -
HTML基本使用(一)--利用CSS设置鼠标样式
一、介绍鼠标点击的地方一般有4个动作:正常显示鼠标放上去鼠标点击鼠标点击后二、动作介绍(1) a:link 超链接的默认样式 (2) a:visited 访问过的(已经看过的)链接样式 (3) a:hover 鼠标处于鼠标悬停状态的链接样式(4) a:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。三、实例介绍前提:这里我们把a标签作为此...原创 2019-10-21 18:43:04 · 283 阅读 · 0 评论 -
sass/scss入门和使用(一)
一、安装1、在服务器端最容易的安装方式就是通过 npm :npm install -g sass2、其他安装方式:https://www.sass.hk/install/二、建立监听事件生成css文件:命令行编译://单文件转换命令sass input.scss output.css//单文件监听命令sass --watch input.scss:output.css...原创 2019-10-10 10:28:58 · 122 阅读 · 0 评论 -
less入门和使用(一)
一、安装1、在服务器端最容易的安装方式就是通过 npm :npm install -g less2、下载less.js文件到本地。然后引入:(1)在页面中引入自己的.less文件。<link rel="stylesheet/less" href="styles.less" />(2)引入下载的less.js文件。<script src="less.js" ty...原创 2019-10-10 10:05:32 · 97 阅读 · 0 评论 -
在html中引入iconfont图标
最近练习前端页面的渲染,加强一下自己的html与css技术,其中就涉及到引入图标的问题。这里我主要演示一下引入iconfont-阿里巴巴图标:https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2网站搜素想要的图标:选择自己中意的图标,鼠标放在图标上面,如果只是想要图片的话,选择下载,然后在图标下载页面,选择对应的...原创 2019-04-26 11:22:03 · 8539 阅读 · 0 评论 -
CSS基本知识点
最近在系统的学习前端的基础知识,其中就涉及到css的基本使用,这里写这篇博客主要是记录自己在进行网页设计的时候,遇到的基础知识的笔记:1、rem的基本使用,以及在开发中与px之间的切换。参考的网页:http://www.cnblogs.com/yezi-dream/p/6810449.html2、margin 与 padding之间的关系:padding 与 margin 的区别:这是一个...原创 2019-03-04 17:43:42 · 148 阅读 · 0 评论 -
CSS画基本图形教程
网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。1、三角形css样式.san {width: 0;height: 0;border-left: 50px solid transparent; border-right: 50px soli...转载 2019-03-04 17:43:08 · 339 阅读 · 0 评论