- 博客(6)
- 收藏
- 关注
原创 移动端基础
视口就是浏览器显示页面内容的屏幕区域视口分为布局视口、视觉视口和理想视口我们移动端布局想要的是理想视口就是手机屏幕有多宽,我们的布局视口就有多宽想要理想视口,我们需要给我们的移动端页面添加 meta视口标签京东商城手机版淘宝触屏版苏宁易购手机版….三星手机官网….现在市场常见的移动端开发有 单独制作移动端页面 和 响应式页面 两种方案现在市场主流的选择还是单独制作移动端页面移动端浏览器基本以 webkit 内核为主,因此我们就考虑webkit兼容性问题。
2024-02-08 13:46:13
1258
原创 PS基本操作以及CSS盒子综合案例
布局为啥用不同盒子?标签都是有语义的,合理的地方用合理的标签。比如产品标题就用h,大量文字段落就用p为啥用那么多类名?类名就是给每个盒子起了一个名字,可以更好的找到这个盒子,选取盒子更容易,后期维护也方便。到底用 margin还是 padding?大部分情况两个可以混用,两者各有优缺点,但是根据实际情况,总是有更简单的方法实现。
2024-02-04 20:22:04
337
原创 CSS盒子模型
如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom。以上方法是让块级元素水平居中,行内元素或者行内块元素水平居中给其父元素添加 text-align:center 即可。网页元素很多都带有默认的内外边距,而且不同浏览器默认的也不一致。因此我们在布局前,首先要清除下网页元素的内外边距。对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。
2024-02-04 20:15:08
295
原创 CSS基础知识点
子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。实际开发中会遇到冗余代码的抽取(可以将一些公共的代码抽取到一个公共的类中去)。id属性值相当于身份证号码,不可重复,一个标签只能有一个id属性值。CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号。选择器相同,则执行层叠性,选择器不同,则根据选择器权重执行。权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重。
2024-01-22 12:53:02
551
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人