![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
前端~段坤
这个作者很懒,什么都没留下…
展开
-
Bootstrap的重点之一(栅格系统)
栅格系统运用多亏作者提前写好的类,所以在运用之前我们得先知道如何引入必要的文档与一些需要注意的事项。引入文件最新版本的 Bootstrap 核心 CSS 文件jQuery文件注意:jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边),并且引入的版本最好是当前Bootstrap所需要的版本。jquery的引入连接:https...原创 2020-05-05 15:56:09 · 308 阅读 · 0 评论 -
css与js绘制表盘的优劣
js脚本与C3中的动画(animation)在搭配其余的一些属性都可完成很多动画效果,js占据的多些,并且也是脚本。用CSS绘制是你需要了解的内容2D转换动画代码: <style> /* 公共属性 */ div:not(.bp) { position: absolute; } ...原创 2020-04-27 09:49:11 · 194 阅读 · 0 评论 -
CSS中的选择符(C3)
选择符的运用会让你减轻对标识类选择符取名的困扰,例如:(class="" ,id=""),特别是class。也可让你对一些简单的动画效果,不必大费周章去写个脚本,例如:移入移出效果,点击后会怎么样等。。。选择符(Selectors)分类元素选择符通配符* ,元素类型E(例如:div{} , li{}) ,类class(.类名{}) ,ID{#唯一名{}}上面的使用在学习C2S时就是经常被...原创 2020-04-20 16:36:29 · 436 阅读 · 0 评论 -
弹性盒子的简介与问题
CSS3中较为重要点在于弹性盒子,动画以及媒体查询。而这次我讲的主要是弹性盒子以及一些小问题弹性盒子:弹性盒子是C3中的一种新的布局格式【1】,让页面中的元素可根据设备屏幕的大小自行调整布局的方式。【1】:像以前的布局方式有表格布局(基本淘汰),浮动,定位,偏移等…弹性盒子的使用可让你的代码量有所减少。弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(F...原创 2020-04-19 15:08:49 · 578 阅读 · 0 评论 -
伪类选择器的简单介绍
一、伪类选择器介绍伪类选择器(简称:伪类)通过冒号来定义,它定义了元素的状态,如点击按下,点击完成等,通过伪类可以为元素的状态修改样式。伪类的功能和一般的DOM中的元素样式相似,但和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。二、伪类选择器的分类伪类选...转载 2019-11-24 22:47:54 · 3226 阅读 · 0 评论 -
探秘CSS-浮动
一、浏览器的兼容性各格主流浏览器的主流版本,都可以支持渐变的对于不支持渐变的浏览器 可以尝试增加 浏览器的前缀 会实现显示浏览器的前缀 firefox:火狐浏览器 -moz-chrome:谷歌浏览器 -webkiit-safari:苹果自带浏览器 -webkiit-opera :-o-前缀的加载位置1.如果浏览器不支持属性的话,则将前缀加载到属性名称前2.如果浏览器支...原创 2019-11-13 20:15:40 · 77 阅读 · 0 评论 -
初入CSS
一、什么是CSSCSS 层叠样式表,级联样式,简称才是样式表实现了内容和表示的分离CSS和HTML之间的关系HTML是负责网页的结构CSS 是负责构建HTML元素的样式CSS作用:1.以统一的方式实现样式的定义2.提高页面样式的可重用性和可维护性二、CSS的使用1.内联样式(行内样式)将样式声明在元素的style属性中语法:<p style="color: red;...原创 2019-11-11 21:53:50 · 90 阅读 · 0 评论