CSS
文章平均质量分 73
一颗没有尽头的心
时光会把你雕刻成你该有的样子,向着光的方向前进吧!
展开
-
移动端web流式布局
现在市场常见的移动端开发有 单独制作移动端页面 和 响应式页面 两种方案现在市场主流的选择还是单独制做移动端页面。原创 2024-10-14 16:21:08 · 463 阅读 · 0 评论 -
flex布局体验
数值越小,排列越靠前,默认为0。注意:和z-index 不一样。原创 2024-10-11 22:24:12 · 723 阅读 · 0 评论 -
CSS高级技巧-1
所谓界面样式,就是更改一些用户操作样式,以便提高更好的用户体验。1.更改用户鼠标样式2.表单轮廓3.防止表单域拖拽。原创 2024-08-30 09:18:19 · 1191 阅读 · 0 评论 -
CSS定位
1.一定记住 相对定位、固定定位、绝对定位 两个大的特点:1.是否占有位置(脱标否)2.以谁为基准点移动位置。2.学习定位重点学会子绝父相。通过盒子模型,清除知道大分部html标签是一个盒子。通过CSS浮动、定位可以让每个盒子排列成为网页。一个完整的网页,是标准流、浮动、定位一起完成布局的,每个都有自己的专门用法。1.标准流可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局。2.浮动可以让多个块级元素一行显示或者左右对齐盒子,多个块级盒子水平显示就用浮动布局。原创 2024-08-27 13:31:19 · 699 阅读 · 0 评论 -
PS 切图
4.PSD图像格式PSD格式是Phoneshop的专用格式,里面可以存放图层、通道、遮罩等多种设计稿,对我们前端人员来说,最大的优点可以直接从上面复制文字,获取图片,还可以测量大小和距离。Cutterman 是一款运行在phoneshop中的插件,能够自动将你需要的图层进行输出,以替代传统的手工*导出web所用格式*以及使用切片工具运行挨个切图的繁琐流程。3.png图像格式是一种新兴的网络格式,结合GIF和jPEG的优点,具有存储形式丰富的特点,能够保持透明背景。2.右击 -> 快速导出为png。原创 2024-08-23 10:34:40 · 373 阅读 · 0 评论 -
CSS清除浮动
为什么要清除浮动?1. 父级没有高度。2.子盒子浮动了。3.影响下面布局了,我们就应该清除浮动了。原创 2024-08-22 17:00:42 · 422 阅读 · 0 评论 -
浮动 (float)
float 属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含快或另一个浮动框的边缘。语法:选择器 { float : 属性;原创 2024-08-22 13:39:06 · 594 阅读 · 0 评论 -
CSS有趣知识
5.分开写:border-top-ldft-radius、border-top-right-radius、border-bottom-right-radius和border-bottom-left-radius。2.如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为50%4.该属性是一个简写属性,可以跟四个值,分别代表左上角,右上角、右下角、左下角。CSS3中新增了盒子阴影,我们可以使用box-shadow属性为盒子添加阴影。3.如果是个矩形,设置为高度的一半就可以做。原创 2024-08-20 13:52:45 · 309 阅读 · 0 评论 -
CSS盒子模型
当上下相邻的两块元素(兄弟关系)相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则他们之间的垂直间距离不是margin-bottom与margin-top之和。对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:边框、外边距、内边距、和实际内容。使用 margin 定义块元素的垂直外边距时,可以会出现外边距的合并。原创 2024-08-19 14:49:29 · 688 阅读 · 0 评论 -
CSS的三大特性
4.可以简单记忆法:通配符和继承权重为0,标签选择器为1,类(伪类)选择器为10,id选择器100,行内样式表为1000,!2. 子元素可以继承父元素的样式 (text-,font-,line-这些元素开头的可以继承,以及color属性)相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。5. 继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0。1. 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式。1.选择器相同,则执行层叠性。原创 2024-08-19 14:43:36 · 415 阅读 · 0 评论 -
CSS-2
作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素 (标签) 以什么方式进行显示,比如 自己占一行,比如一行可以放多个。HTML 元素一般分为快元素和行内元素两种类型。2.2 块元素常见的块元素有~、、、、、等,其中标签是最典型的块级元素。块级元素的特点:1.比较霸道,自己独占一行。2.高度,宽度、外边距以及内边距都可以控制。原创 2024-08-17 14:24:08 · 818 阅读 · 0 评论 -
CSS-1
CSS的主要使用场景就是美化网页,布局页面的1. HTML的局限性2. CSS-网页的美容师CSS Fonts(字体)属性用于定义字体系列、大小、粗细和文字样式(如倾斜)。原创 2024-08-14 10:27:40 · 887 阅读 · 0 评论