css
萝卜嘞.
这个作者很懒,什么都没留下…
展开
-
移动端布局
移动端基础1、meta视口标签meta视口标签能够让网页适应手机端浏览器<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">属性解释说明width宽度设置的是viewport宽度,可以设置device-width特殊值initial-scale初始缩放比,大于0的原创 2022-02-17 16:57:29 · 450 阅读 · 0 评论 -
浏览器私有前缀
7、浏览器私有前缀浏览器私有前缀是为了兼容老版本的写法,比较新版本的浏览器无须添加。私有前缀-moz-∶代表firefox浏览器私有属性-ms-:代表ie浏览器私有属性-webkit- :代表safari、chrome私有属性-o-:代表Opera私有属性提倡的写法 -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius : 10px; border-radius: 10原创 2022-02-12 16:29:57 · 284 阅读 · 0 评论 -
css技巧
精灵图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LR9HlIQy-1644654028280)(C:/Users/ypc123/OneDrive/%E5%9B%BE%E7%89%87/typora-Img/image-20220206214156764.png)]三角效果:.box1{ width: 0; height: 0; border: 100px solid transparent; border-bottom-color: pink; //照顾兼原创 2022-02-12 16:20:40 · 169 阅读 · 0 评论 -
元素的显示与隐藏-display属性-visibility可见性-overflow
元素的显示与隐藏1、display属性display:none; 隐藏对象display :block;除了转换为块级元素之外,同时还有显示元素的意思display隐藏元素之后,不再占有原来的位置2、visibility可见性visibility属性用于指定一个元素可见还是隐藏visibility:visible; 元素可视visibility:hidden; 元素隐藏visibility隐藏元素之后,继续占有原来的位置3、overflowscoller、auto、none原创 2022-02-12 16:20:06 · 1210 阅读 · 0 评论 -
定位学习了
定位相对定位:相对于自身,移位后占有原有位置(自恋型)绝对定位:相对于祖先元素(拼爹型)如果没有祖先元素或者祖先元素没有定位,则以浏览器为准定位如果有多个祖先元素,以最近的带有定位的为准绝对定位不占有原有位置子绝父相子元素加绝对定位,父元素加固定定位固定定位:固定于浏览器可视区的位置。主要使用场景:可以在浏览器页面滚动时元素的元素的位置不会改变。不随滚动条滚动而变化与父元素无关不占有原有位置固定定位小技巧(贴在版心右侧):1、left:50%2、margin-left:版原创 2022-02-12 16:19:24 · 242 阅读 · 0 评论 -
emmet语法以及css规范
1、emmet语法快速生成HTML结构语法生成标签,直接输入标签名按tab键生成多个相同标签父子级标签 ul>li兄弟级标签 div+p如果生成带有类名或者id名字,直接写.demo或#demo生成<div class="demo"></div>或 <div id="demo"></div> 其他标签 span.demo如果生成的div类名是有顺序的,可以自增符号$ span.demo$*5生成的标签内部有内容可以用{}表示快速原创 2022-02-07 22:03:36 · 556 阅读 · 0 评论 -
css初始化
不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异,照顾浏览器的兼容,我们需要对CSS初始化简单理解:CSS初始化是指重设浏览器的样式。(也称为CSS reset )每个网页都必须首先进行CSS初始化。这里我们以京东css初始化代码为例。Unicode编码字体∶把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如︰黑体 \9ED1\4F53 宋体 \5B8B\4F53微软雅黑 \5FAE\原创 2022-02-07 21:53:42 · 294 阅读 · 0 评论