cs
关注
分享
扫一扫
DiuDiu_yang
在前端的职业道路上摸打滚爬，越走越远。一名热爱生活的程序媛~
展开
-
冷知识：font-size最小12px的误区
背景我们在做项目的时候，有时会遇到很长的文字，产品想要在一定的宽度完全显示，但是基于我们的认知时浏览器默认的最小字体的12px，就很难想到说去再减小字体显示。其实浏览器设置font-size最小为12px是为了中文而产生了，这还是源于咱们的中国文字文化博大精深，字体比较复杂，更小的字体会看不清楚，所以浏览器针对中文限制了最小字体大小12px。中文语言下英文语言下当我们把浏览器语言设置为其他语言的时候，font-size是不受限制的。中文最小字体解决方案当我们是中文环境原创 2022-03-11 11:42:24 · 5962 阅读 · 2 评论 -
CSS背景图片满屏，不重复
很多初学网页的同学都会遇到添加背景图片，但是大小不好把控的情况。有两种方法：1、查看浏览器的像素，调整背景图片的像素一致。这样会在表面上看起来背景图片占满屏，但是一旦缩放屏幕就会发现图片在重复铺满。然后发现真的太丑了，如果是条纹类的图片，效果应该影响不大。（不推荐） 2、第二种方法就是在css样式中加 body{ background-size:100% ...原创 2018-05-31 17:28:53 · 34125 阅读 · 2 评论 -
元素分类—块状元素、内联元素、内联块 状元素
在CSS中，html中的标签大体分为三种不同的类型：块状元素、内联元素（又叫行内元素）、内联块 状元素常用的块状元素有：（block）<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、&原创 2018-07-16 16:38:50 · 1149 阅读 · 1 评论 -
CSS布局模型
布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3...原创 2018-07-16 18:54:48 · 149 阅读 · 0 评论 -
css 单行、多行文本溢出显示省略号。
单行文本溢出省略号处理主要是用text-overflow: ellipsis; 注意的是，一般需要添加宽度来限定。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title><style type="text/c原创 2018-07-25 16:46:12 · 231 阅读 · 0 评论 -
px 、em 、rem的区别与换算
PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前...原创 2018-08-07 11:39:31 · 379 阅读 · 0 评论 -
常见前端面试问题汇总2018
转载请注明来源--------------------- 作者：MrCris 来源：CSDN 原文：https://blog.csdn.net/weixin_37861326/article/details/80620576?utm_source=copy 版权声明：本文为博主原创文章，转载请附上博文链接！2）2018/6/101. 如何解决跨域问题JSONP：原理是：动...转载 2018-10-11 20:32:48 · 780 阅读 · 0 评论 -
CSS 布局-水平居中
一、水平居中1、行内元素水平居中父级元素设置text-align: center ——>实现在块级元素内部的行内元素（inline/inline-block/inline-flex/inline-table）水平居中<div class="parent"> <div class="child">dome</div></div...原创 2019-04-04 11:33:14 · 383 阅读 · 0 评论 -
CSS选择器三大特性
1.继承：顾名思义，资源与可以继承父元素的样式,只要是以color/font-/text-/line开头的都可以继承PS：当然也有些是不能继承的，比如boder等2.层叠:层叠就是处理css冲突的一种能力ps：比如多个类，叠加效果3.优先级（权重）:给html标签添加css时，不同选择器有不同的优先级!important>id>类>标签>通配符&g...原创 2019-04-09 22:33:46 · 372 阅读 · 0 评论