CSS
文章平均质量分 94
lsc。
有人质疑你的出身,有人嘲弄你的梦想,但是他没有看见你已开始奔跑
展开
-
10-CSS-rem适配布局
思考1. 页面布局文字能否随着屏幕大小变化而变化?2. 流式布局和flex布局主要针对于宽度布局,那高度如何设置?3. 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放?原创 2023-03-13 14:29:35 · 3651 阅读 · 0 评论 -
09-CSS-flex布局
数值越小,排列越靠前,默认为0。注意:和 z-index 不一样。.item {原创 2023-03-13 13:48:31 · 245 阅读 · 0 评论 -
08-CSS-移动WEB开发之流式布局
一、移动端基础1.1 浏览器现状PC端常见浏览器360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎豹浏览器,以及其他杂牌浏览器。国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改开发的一样。总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。原创 2023-03-13 11:16:35 · 399 阅读 · 0 评论 -
07-HTML5 和 CSS3 的新特性
E:nth-child(n) 匹配父元素的第n个子元素E,也就是说,nth-child 对父元素里面所有孩子排序选择(序号是固定的) 先找到第n个孩子,然后看看是否和E匹配。上面这种写法,浏览器会匹配video标签中的source,如果支持就播放,如果不支持往下匹配,直到没有匹配的格式,就提示文本。上面这种写法,浏览器会匹配audio标签中的source,如果支持就播放,如果不支持往下匹配,直到没有匹配的格式,就提示文本。nth-of-type 对父元素里面指定子元素进行排序选择。原创 2023-03-09 15:02:51 · 577 阅读 · 0 评论 -
06-CSS
格式.ttf字体是Windows和Mac的最常见的字体,支持这种字体的浏览器有IE9+、Firefox3.5+、Chrome4+、Safari3+、Opera10+、iOS Mobile、Safari4.2+;一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。一旦字体加载了,图标就会马上渲染出来,减少了服务器请求。如果工作中,原来的字体图标不够用了,我们需要添加新的字体图标到原来的字体文件中。原创 2023-03-09 14:02:24 · 310 阅读 · 0 评论 -
05-CSS
2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。2.如果祖先元素有定位(相对、绝对、固定定位),则以最近一级的有定位祖先元素为参考点移动位置。浮动之所以不会压住文字,因为浮动产生的目的最初是为了做文字环绕效果的。①子级绝对定位,不会占有位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子。浮动元素不同,只会压住它下面标准流的盒子,但是不会压住下面标准流盒子里面的文字(图片)1.它是相对于自己原来的位置来移动的(移动位置的时候参照点是自己原来的位置)。原创 2023-03-09 11:25:34 · 497 阅读 · 1 评论 -
01-CSS
CSS 是也是一种标记语言,CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。内部样式表(内嵌样式表)是写到html页面内部. 是将所有的 CSS 代码抽取出来,单独放到一个 标签中。标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的 CSS 样式。所有的样式,都包含在 标签内,表示是样式表。简单来说,就是选择标签用的。原创 2023-03-08 23:38:31 · 93 阅读 · 0 评论 -
04-CSS-浮动
分开写:border-top-left-radius、border-top-right-radius、border-bottom-right-radius 和border-bottom-left-radius。由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 时,就会影响下面的标准流盒子。浮动的元素是互相贴靠在一起的(不会有缝隙),如果父级宽度装不下这些浮动的盒子,多出的盒子会另起一行对齐。该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角。原创 2023-03-08 18:16:07 · 103 阅读 · 0 评论 -
03-CSS
相邻块元素垂直外边距的合并当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。嵌套块元素垂直外边距的塌陷对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。它控制相邻单元格的边框。继承的权重是0, 如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是 0。原创 2023-03-08 17:26:01 · 109 阅读 · 0 评论 -
02-CSS
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。快速生成HTML结构语法快速生成CSS样式语法在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。原创 2023-03-08 15:10:51 · 144 阅读 · 0 评论