CSS零碎知识点

最新推荐文章于 2023-11-10 10:37:46 发布
最新推荐文章于 2023-11-10 10:37:46 发布
阅读量286 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML&CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/oscar92420aaa/article/details/51363466

1.CSS存在三种定位机制

标准文档流，浮动，绝对定位

标准文档流：从上到下，从左到右，输出文档内容


2.如何设置div水平居中？

可以给div设置宽度，然后设置左右margin是auto，就可以居中了。 margin: 0 auto;


3.如何设置上下居中？

可以将元素的line-height设置成盒子的height，这样就会上下居中了。


3.给li设置项目符号

list-style-image属性设置项目符号

list-style-type 属性设置列表项标记的类型。http://www.w3school.com.cn/cssref/pr_list-style-type.asp



CSS零碎知识点记录
cjhxydream的博客
06-30 558
只指定高度，不指定宽度，则padding只会撑开高度，不会撑开宽度 对于在div中的p元素来说，既不指定宽度也不指定高度，只给padding，会撑高盒子，但是不会撑宽盒子。 疑问：若对p不指定宽高和padding，那么p的宽度为父元素的宽度，高度为0，为什么指定了padding会改变p的高度，前提不是不指定高度，就不会撑开高度吗？？？.....................
h5,c3,js零碎知识点——文字溢出隐藏转化为小点，数组遍历、排序，怪异盒模型，预解析(函数提升)，css的六种方式，地址栏地址解析，input的属性值,隐藏滚动条
ytfty24124的博客
09-02 645
文字溢出隐藏转化为小点，数组遍历、排序，怪异盒模型，预解析(函数提升)，css的六种方式，地址栏地址解析，input的属性值,隐藏滚动条
前端CSS零碎知识点
nkshuangyuan2012的博客
11-10 357
按钮在鼠标滑过的样式选择器：.btn:hover。按钮点击时的样式选择器：.btn:active。
html,css零碎知识点
Bowen的博客
03-23 159
font 部分： font-style: italic; /*一般调节字体倾斜或者不倾斜*/ /*font-weight: bold; !*定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。*!*/ font-weight: 700; font-family: "Microsoft YaHei UI"; font-size: 16px; ----- 文本： color: red; /*文字颜色*/ text-align: center;/*文字对齐方式*/ text-.
CSS零碎知识点（3）——居中头像
二木成林
11-14 1442
初始框的代码为： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #app { width: 500px; height: 400px; background: #00FFFF; border: 1px solid red; /*
HTML与CSS零碎知识点归纳
秋恨雪
11-05 998
本人录制技术视频地址：https://edu.youkuaiyun.com/lecturer/1899 欢迎观看。一、HTML1、主要浏览器:IE、FireFox、Chrome、Opera、SafariTrident引擎，如：IEWebKit引擎，如:Chrome、Safari Gecko引擎 ，如：FireFox2、相对路径问题--相对路径是指相对于你所运行的那个html文件的路径图片路径还是用正斜线 /当...
CSS零碎知识点扩大可点击区域和半透明边框
weixin_45803990的博客
06-04 353
半透明边框 .box{ width: 200px; height: 200px; background-color: rgb(122, 116, 117); background: yellowgreen; display: flex; align-items: center; justify-content: center; .
CSS零碎知识点（2）——居中DIV盒子
二木成林
11-14 996
有如下一个HTML，但里面的DIV盒子没有居中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #app { width: 500px; height: 400px; background: #00FFFF; border: 1px solid
CSS零碎知识点（1）——设置全局背景色
二木成林
11-14 3850
下面的代码创建一个div盒子并设置背景色，但是不是全局背景色。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #app { background: #00FFFF; } </style> </head> <body> <div
css零碎知识点小结
weixin_30485799的博客
10-11 118
1、单行文字溢出显示省略号： div{ width: 200px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 2、对span设置text-indent期望缩进指定值，但是没有起作用，是因为text-indent只能给块级元素设置。所以改css为：...
day-day-up:系统的把前端零碎的知识点整理，更全面，更细节的学习前端知识，持续更新中。。
05-01
我们一起day day up 目录 ECMAscript 变量类型 原型和原型链 作用域，闭包和内存 事件循环 框架 vue 基本使用 ...周边工具（vuex，vue-router） ...css 正在整理中 html 正在整理中 设计模式 正在整理中
平时工作中常用的Python零碎知识总结，爬虫学习总结与练习，Python数据分析学习总结，目前正在重新整理中....zip
最新发布
02-22
Python是一种广泛应用于编程领域的高级编程语言，尤其在数据处理、自动化...总的来说，这份资料集将带你走进Python的世界，无论是初学者还是有一定经验的开发者，都能从中找到有价值的知识点，提升自己的Python能力。
li里面嵌套a标签html和css小例子
oscar92420aaa的博客
07-11 9006
总效果： html: 响应式CSS： /* 网站头部 */ header {     width: 100%; } header .top {     line-height: 3rem;     padding: 0 1.5rem;     color: #fff;     background: #555;     bor
line-height,text-align设置文字水平垂直居中
oscar92420aaa的博客
05-28 5731
首页                             关于慕课                             新闻动态                             课程中心                             在线课程                             人才招聘   .nav_mid_le
HTML&CSS——琐碎的知识点(1)
oscar92420aaa的博客
05-05 3754
1.head部分的标签 ... ... ... 2.标签：在和标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。 3.代码注释 4.注意一段文字一个标签，如在一篇新闻文章中有3段文字，就
一个书页卷角的HTML&CSS效果
oscar92420aaa的博客
07-18 3463
layOut                    body{             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;             font-size: 16px;             color: #ED6F6F;             background: whites
ul li本来就是快标签，为什么还要用display:block来修饰
oscar92420aaa的博客
11-25 3258
在Internet Explorer 8, Opera 9, Chrome, Firefox 2 & 3, and Safari下，添加display:block会让有序或无序列表中li元素的项目编号消失。但在IE6和IE7下，添加display:block项目符号依旧存在。可能是这个原因 - -
CSS——line-height行高设置垂直居中
oscar92420aaa的博客
03-30 2850
line-height呢，你可以理解为每行文字所占的高度。 比如说，有一行20px大小的文字，如果设置为line-height:50px，那就是说，这行文字的高度会占50px。 显然，每个字的大小只有20px，那怎么边呢？于是呢，浏览器就把多出来的30px（50px-20px）在这行文字的上面加上了15px，下面加上了15px。 这样的话，那文字就在这50px的空间内是居中的了（这个就是浏览器规定
探索记忆：零碎暗红网页模板设计赏析
标题“零碎暗红记忆网页模板”中蕴含的知识点主要包括： 1. **网页模板的概念**： 网页模板是指预先设计好的网页结构和样式代码，它们可以被重复使用，以帮助设计者快速搭建起网站的基本框架。模板通常包括HTML、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值