CSS
点点滴滴25
菜鸡
展开
-
HTML+CSS 实现一个简单的登录页面 (背景图片完全适应 不失帧)
HTML:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/tx1.css" /&...原创 2019-10-16 18:11:19 · 30734 阅读 · 6 评论 -
Bootstrap CSS 背景图 自适应全屏显示 不失真 亲测有效 (2019.10.16)
效果图:csdn 上传图片 就这样,谅解,哪位大佬有解决的办法,评论留言body{ margin: 0; padding: 0; font-family: sans-serif; background: url(../img/bg.jpg) no-repeat center 0px; background-size: cover; ...原创 2018-11-17 17:27:01 · 19407 阅读 · 4 评论 -
CSS 块之间有空格
1.块之间有空格如果多个span连续编写,像这样:<span>连续的span</span><span>连续的span</span>是不会有空格的但是真正开发代码的时候,一般不会连续书写span,而是不同的span之间有回车换行,比如这样:<span>有换行的s...原创 2019-10-06 08:49:20 · 608 阅读 · 0 评论 -
CSS 左右固定、中间自动适应+贴在下方
目录1.左右固定、中间自动适应2.一个div始终贴在下方1.左右固定、中间自动适应<style> .left{ width:200px; float:left; background-color:pink } .right{ width:200px; float:right;...原创 2019-10-06 08:35:40 · 280 阅读 · 0 评论 -
CSS 垂直居中
目录1.line-height方式2.内边距方式3.table方式1.line-height方式line-height 属性设置行间的距离(行高)。注释:不允许使用负值。<style>#d {line-height: 100px;}div{ border:solid 1px lightskyblue;}&...原创 2019-10-05 21:47:16 · 120 阅读 · 0 评论 -
CSS 左侧固定+overflow:hidden的作用
左侧固定,右边自动占满<style> .left{ width:200px; float:left; background-color:pink } .right{ overflow:hidden; background-color:lightskyblue; }</style> <d...原创 2019-10-05 09:58:50 · 780 阅读 · 0 评论 -
CSS 水平居中
目录1.内容居中2.元素居中1.内容居中<style>div{ border:1px solid lightgray; margin:10px;}</style><div align="center">通过设置属性align="center" 居中的内容</div> <...原创 2019-10-05 09:30:15 · 121 阅读 · 0 评论 -
CSS 显示方式
目录1.隐藏2.块级3.内联4.内联-块级5.其他显示方式(1)list-item(2) table(3)内联-表格 前后不换行的表格(4)单元格 table-cell元素的display显示方式有多种,隐藏、块级、内联、内联-块级1.隐藏通过display的方式隐藏一个元素display:...原创 2019-10-05 09:14:46 · 1102 阅读 · 0 评论 -
CSS 文字浮动
目录1.文字向右浮动2.文字向左浮动3.文字围绕图片4.文字不想围绕图片5.水平排列div浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。属性:float值: left,right1.文字向右浮动<style>.f{ float:right;} <...原创 2019-10-05 08:40:16 · 6296 阅读 · 0 评论 -
CSS 绝对定位与相对定位
目录绝对定位绝对定位是基于最近的一个定位了的父容器z-index属性相对定位绝对定位和相对定位结合绝对定位属性:position值: absolute设置了绝对定位的元素,相当于该元素被从原文档中删除了所以”正常文字4“会紧接着出现在 ”正常文字2“后面,而不会留下空档<style>p.abs{ positio...原创 2019-10-04 08:56:03 · 249 阅读 · 0 评论 -
CSS 超链+HTML引入css+隐藏+样式的优先级
目录1.超链2.隐藏3.HTML引入css4.样式的优先级style标签与外部文件style.css样式重复style标签上的与style属性冲突!important1.超链伪类,所谓的伪类即被选中的元素处于某种状态的时候超链状态有4种link - 初始状态,从未被访问过visited - 已访问过hover -...原创 2019-10-03 09:42:18 · 444 阅读 · 0 评论 -
CSS 外边距
元素外边距指的是元素边框和元素边框之间的距离属性:margin-left: 左外边距margin-right: 右外边距margin-top: 上外边距margin-bottom: 下外边距属性: margin-left值:数字指的是元素边框和元素边框之间的距离注:像span这样的内联元素,默认情况下,只有左右外边距,没有上下外边距。 为了观察上下外边距的效果,可以采用块...原创 2019-10-02 10:17:03 · 960 阅读 · 0 评论 -
CSS 页边距
元素内边距指的是元素里的内容与边框之间的距离属性:padding-left: 左内边距padding-right: 右内边距padding-top: 上内边距padding-bottom: 下内边距padding: 上 右 下 左属性:padding-left值:数字指的是,元素中的内容,与边框之间的距离<st...原创 2019-10-02 10:05:35 · 2849 阅读 · 0 评论 -
CSS 学习笔记1
1.基本语法css的语法selector {property: value}即 选择器{属性:值}学习css即学习有哪些选择器,哪些属性以及可以使用什么样的值既可以这样写<style>p{ color:red;}</style><p>...原创 2019-10-02 09:55:57 · 174 阅读 · 0 评论