随笔分类 -  html和css

css 文字两端对齐
摘要：改之前： 改之后： 只需添加以下代码： textAlign: 'justify', textAlignLast: 'justify' 阅读全文
posted @ 2021-03-12 14:11 —只小白 阅读(179) 评论(0) 推荐(0)
CSS 文本样式
摘要：字体类 （font） font 设置或检索对象中的文本特性。该属性是复合属性。 font：[ [ <’ font-style ‘> || <’ font-variant ‘> || <’ font-weight ‘> ]? <’ font-size ‘> [ / <’ line-height ‘> 阅读全文
posted @ 2018-08-28 16:45 —只小白 阅读(445) 评论(0) 推荐(0)
css 字体相关属性的设置
摘要：字体类 （font） font 设置或检索对象中的文本特性。该属性是复合属性。 font：[ [ <’ font-style ‘> || <’ font-variant ‘> || <’ font-weight ‘> ]? <’ font-size ‘> [ / <’ line-height ‘> 阅读全文
posted @ 2018-08-28 16:44 —只小白 阅读(700) 评论(0) 推荐(0)
flex 三列布局
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .main { height: 500px; background-color: blue; display: flex 阅读全文
posted @ 2018-08-28 16:41 —只小白 阅读(891) 评论(0) 推荐(0)
绝对定位 三列布局
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .main{position:relative;padding:0 210px;} .left{position:abs 阅读全文
posted @ 2018-08-28 16:40 —只小白 阅读(208) 评论(0) 推荐(0)
行内块+calc+margin 三列布局
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .main{font-size:0;} /* 去掉行内块受换行符的影响*/ .left{display:inline-b 阅读全文
posted @ 2018-08-28 16:26 —只小白 阅读(739) 评论(0) 推荐(0)
浮动和margin负值 三列布局
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .left{position:relative;float:left;width:200px;height:500px; 阅读全文
posted @ 2018-08-28 16:24 —只小白 阅读(196) 评论(0) 推荐(0)
左右浮动 三列布局
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .left{float: left;width:200px;height:500px;background-color: 阅读全文
posted @ 2018-08-28 15:28 —只小白 阅读(393) 评论(0) 推荐(0)
让元素div消失在视野中
摘要：让元素div消失在视野中1.position:absolute/relative/fixed + 方位 top/bottom/left/right: -9999px2.display:none3.visibility:hidden4.width:0 + overflow:hidden height: 阅读全文
posted @ 2018-08-28 15:24 —只小白 阅读(480) 评论(0) 推荐(0)
position 定位
摘要：【position取值】1.position: fixed 固定定位 - 网页固定不动的模块- 会脱离文档流，不占位- 参照物: 当前的浏览器窗口- 可以设置方位（top/bottom/left/right） 同时top和bottom top起作用 同时left和right left起作用- 不设置 阅读全文
posted @ 2018-08-28 13:05 —只小白 阅读(252) 评论(0) 推荐(0)
animation 动画
摘要：分两步:1.@keyframes 动画的名称{ 0%{} 开始帧 0% = from 50%{} 中间帧 100%{} 结束帧 100% = to}2.通过animation的八大属性去调用上面规定的动画名称以及其他的属性简写: animation: 1 2 3 4 5 6 7 8;1)animat 阅读全文
posted @ 2018-08-26 09:25 —只小白 阅读(325) 评论(0) 推荐(0)
background 背景类八大属性
摘要：background 背景类八大属性 背景颜色（当同时定义了背景颜色和背景图像时，背景图像覆盖在背景颜色之上） background-image：背景图像 background-repeat：背景图像如何铺排填充 repeat-x： 背景图像在横向上平铺 repeat-y： 背景图像在纵向上平铺 r 阅读全文
posted @ 2018-08-25 21:13 —只小白 阅读(390) 评论(0) 推荐(0)
块级元素和行内元素的区别
摘要：HTML元素以及HTML元素的分类 html标签又叫做html元素，它分为块级元素和内联元素（也可以叫做行内元素），都是html规范中的概念 块级元素 含义：块级元素是指本身属性为display:block;的元素。因为它自身的特点，我们通常使用块级元素来进行大布局（大结构）的搭建 独占一行，每一个 阅读全文
posted @ 2018-08-25 20:56 —只小白 阅读(441) 评论(0) 推荐(0)