其他
我敲代码养你啊!!!
这个作者很懒,什么都没留下…
展开
-
在小程序中文本溢出打点展示
在小程序中第2行文本溢出打点展示的方法/* 第几行文本溢出打点展示 */ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; // 第二行原创 2020-05-30 16:11:16 · 395 阅读 · 1 评论 -
如何使用CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...转载 2019-12-14 17:48:15 · 132 阅读 · 0 评论 -
BFC
什么是BFC在一个Web页面的CSS渲染中,块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下:浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的BFC(...原创 2019-11-15 19:09:51 · 109 阅读 · 0 评论 -
src和href的区别
src和href的区别href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请求src资源时会将其指向的资源下载并应用到当前文档...转载 2019-11-13 19:13:42 · 91 阅读 · 0 评论 -
浏览器渲染原理
浏览器渲染原理Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的: 1. 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件; 2. 浏览器开始载入html代码,发现head标签...原创 2019-11-11 17:23:10 · 79 阅读 · 0 评论 -
网站logo常用text-indent:-9999px 隐藏字体方法
为什么要字体隐藏?通常为了传达更好的视觉效果,我们常用图片替代掉字体。但是为了html语义化,常常要给内容模块加上一些标题来让页面更有意义,在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。另外,建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑,要用logo图片来代替h1,这时需要隐藏h1内的这段文字,但又不能对搜索引擎不友好,否则就失去了定义h1标签的意...转载 2019-11-11 16:43:16 · 560 阅读 · 0 评论 -
html默认css样式的标签及去除(全局)
1.标签的默认样式和清除默认样式(统一全局样式)的代码大多数标签都有自己的默认样式,比如遇到的body默认外边距,另外本例中ul前的圆点及左侧的内边距,另h1-h6字体大小各不相同,em默认为斜体,strong表示粗体。正因为有这些默认样式,一个设计合理的页面,即使没有加载样式,也能让用户很容易阅读。但此时这些默认样式对我们没用,所以需要清除掉,为了方便,建议用标签重定义方式,这样可以很简单地把...转载 2019-10-28 15:26:17 · 1130 阅读 · 0 评论 -
有margin:0 auto;为什么就没有padding: 0 auto呢?
margin:auto可以做到水平居中,前提条件就是,这个标签是块状元素,并且有个确定的宽度,百分比的宽度也行;padding的话, 设置成auto它会自动继承浏览器的padding值, 当设置padding值为auto时,所有padding值都会变为0,因此一般都会以具体数值或者其他方法实现效果。ps:一般来说,浏览器是没有预设padding值的,但也有个别浏览器是默认有padding值的,为...转载 2019-10-25 20:35:29 · 304 阅读 · 0 评论 -
html,css总结
1、HTML行标签:img、span、strong 、i 、b、a这类元素会占据尽可能少的空间,并且一个紧贴一个从左到右,从上往下排列、他们不受width、height样式影响、在窗口变化时,他们大小不变,但会自动行块标签:div、p 、section 、h1 、header 、footer这些元素会独占一行,它们受width和height的控制、在窗口变化时,他们跟着变宽或边窄、除非设置...原创 2019-10-23 17:47:09 · 112 阅读 · 0 评论 -
如何让select下拉图标显示在左边
select 元素是一种表单控件可以在select中列出多选项供选择,在前端用到比较多,但是通常的下拉图标都是在右侧,如果遇到特殊要求怎么来把图标显示左侧呢?其实思路很简单,下拉图标在左边是他的默认样式,所以我们需要先清除他的默认样式(appearance:none;),这样就没有下拉图标了,这时我们在再左边加上下拉图标或截图就实现效果了,虽然有些笨,但还是简单易操作的,如果有其他方法欢迎告知,...原创 2019-10-22 20:53:28 · 1894 阅读 · 0 评论