CSS
关注
分享
扫一扫
昨夜太平长安888
愿你我既可以朝九晚五，也可以浪迹天涯；愿你我既可以拈花把酒，也能围炉诗书茶。
展开
-
CSS3 图片旋转
项目中需要的效果，外面和里面的正转，中间的反转，看效果：图片：直接贴代码： <div class="dataContent"> <div class="classPerson"> <div class="personTitle">当前教室人员情况</div> <div class="imgBox"> <img s原创 2021-01-28 16:59:05 · 215 阅读 · 0 评论 -
css，图片和文字在父元素垂直居中
css，图片和文字在父元素垂直居中，且图片和文字在中线对齐排列的几种方式一，用flex的副轴来垂直居中对齐1.副轴（由上到下）设置居中对齐（align-items: center;）即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .原创 2020-12-09 10:33:46 · 1030 阅读 · 0 评论 -
如何实现斗鱼导航滑动功能？
<template> <div id="mynav"> <ul> <li :class="current === -1 ? 'active' : ''" @click = "navclick(-1)"> <span>推荐</span> </li> <li v-for="(item , ...原创 2020-06-27 17:20:26 · 370 阅读 · 0 评论 -
CSS absolute 绝对定位
position：absolute 绝对定位 绝对定位脱离文档流，需要有一个参照物才可以定位，它是相对于最近拥有定位属性的父元素进行定位的，如果找不到则相对于body浏览器窗口进行定位。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2019-09-17 23:52:23 · 201 阅读 · 0 评论 -
CSS 定位 relative相对定位
positive：relative 相对定位 相对定位不脱离普通文档流，原本的位置仍然被自己占据，是根据自身原先的位置进行定位的！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...原创 2019-09-17 23:23:16 · 315 阅读 · 0 评论 -
元素的显示与隐藏
display：none； 不展示，看不到并且不占位置；visibility：hidden； 不可见，隐藏，但是占位置；内容溢出处理：overflowoverflow：visible；超出可见 （默认）；overflow：hidden；超出不可见 隐藏；overflow：scroll；超出显示滚动条；overflow：auto；内容溢出显示滚动条，不溢...原创 2019-09-15 18:13:16 · 136 阅读 · 0 评论 -
CSS清浮动？为什么要清除浮动？清除浮动有哪几种方法？
什么是浮动？ 所谓css浮动就是浮动元素会脱离文档的普通流,根据float的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的外边界为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块级元素表现得就像浮动元素不存在一样！为什么要清楚浮动？ 友情链接 当浮动框高度超出包含框的时候，也就会出现包含框不会自动伸高来闭合浮动元素（“高度塌陷...原创 2019-09-15 18:05:22 · 628 阅读 · 0 评论 -
CSS盒模型
标准盒模型margin：外边距 元素与元素之间的距离称之为外边距； margin：15px 20px 14px 26px；意思是上外边距是 15px ，右外边距是20px，下外边距是 14px，左外边距是26px； 外边距的缩写形式是：上 右 下 左 ；border：边框； border-weig...原创 2019-09-15 14:15:51 · 128 阅读 · 0 评论 -
CSS 浮动
什么是浮动？ 所谓css浮动就是浮动元素会脱离文档的普通流,根据float的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的外边界为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块级元素表现得就像浮动元素不存在一样！ 浮动多数是用来页面布局，让其他元素可以在同一行显示！！！CSS包含3种基本的布局模型：flow 流动模型(...原创 2019-09-08 16:45:07 · 162 阅读 · 0 评论 -
CSS 标签的类型
HTML元素分为：块元素、行元素、行内块元素！友情链接一、块元素 特点： 1.总是从新的一行开始（独占一行）； 2.高度、宽度都是可控的； 3.宽度没有设置时，默认是它本身父容器的100%； 4.块级元素中可以包含块级元素和行内元素； ...原创 2019-09-07 16:03:09 · 203 阅读 · 0 评论 -
CSS 文本属性
文本属性text-align:规定元素中的文字的水平对齐方式 text-align： center； 文字居中对齐 常用的值：text-align：center； 文本居中对齐； text-align：left ； 文本左对齐（默认）； text-align：justify； 音标：/'dʒʌstɪfaɪ/ 文本两端对齐； 拓展：text...原创 2019-09-07 12:28:24 · 263 阅读 · 0 评论 -
CSS 文字属性
文字属性 color ：字体颜色 直接英文颜色名字如（red、blue）； rgb 三原色； rgba 三原色透明度，a表示透明度（取值范围：0~1）； #ff6700 16进制的颜色值； font-size：字体大小 常用单位：px 像素； em 1em代表的实际物理像素有父元素的字体大小决定； rem...原创 2019-09-07 11:10:15 · 348 阅读 · 0 评论 -
CSS 背景 background属性 8-26
一、background-color: ; 背景色 1.可以写色相、颜色；（比如red (红色)、blue (蓝色)） 2.可以写颜色编码； （比如：#ffffff） 3.可以写RGBA，A透明度的百分比（范围0-1），0.5就是半透明background-color：189,162,143,0.5 4.直接写RGB...原创 2019-08-26 17:26:45 · 220 阅读 · 0 评论 -
CSS 选择器
一：CSS： 又称层叠样式表(层叠唯一)谁权重高，谁生效； 相同的属性层叠唯一，不同的属性共同生效！样式的三种写法:行内样式、内部样式、外部样式；行内样式：写在标签身上，控制范围最小，但是权重是最高； style = “”内部样式：写在head里面，控制范围为当前页面，权重中等；style外部样式：写在head里面需要用link标签引入，控制所有引入的页面（大范围控制），权重...原创 2019-08-26 14:49:30 · 167 阅读 · 0 评论