css
css
追影的React开发者
注重用户,专注于产品、界面和用户体验
联系邮箱:liuyafeis@outlook.com
展开
-
CSS 属性书写顺序
【代码】CSS 属性书写顺序。原创 2022-11-10 10:34:21 · 176 阅读 · 0 评论 -
css 横向滚动
<p style={{ overflow: "auto", width: "100%", height: 50, whiteSpace: "nowrap"}}> <Button style={{ marginLeft: 10 }}>项目信息</Button> <Button style={{ ...原创 2019-09-17 19:27:02 · 372 阅读 · 0 评论 -
css 样式的书写顺序及原理
记得刚开始学习前端的时候,每次写css样式都是用到什么就在样式表后添加什么,完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看,并且也属于css样式优化的一种方式。那么是怎么个顺序呢?(1)定位属性:positiondisplayfloatlefttoprightbottomoverflowclearz-in...原创 2019-07-09 16:44:29 · 232 阅读 · 0 评论 -
css 哪些样式属性可以继承
不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-bre...原创 2018-08-17 10:29:58 · 2501 阅读 · 0 评论 -
css 学习笔记...
transform: translate(左右, 上下);移动位置transform: scale(1,2);放大倍数原创 2018-08-24 09:44:32 · 103 阅读 · 0 评论 -
css 书写规范
1、书写顺序根据属性的重要性按顺序书写只遵循横向顺序即可,先显示定位布局类属性,后盒模型等自身属性,最后是文本类及修饰类属性。→→→ 显示属性 自身属性 文本属性和其他修饰 display width font visibility height text-align position mar...原创 2018-08-24 09:44:41 · 732 阅读 · 0 评论 -
css div隐藏滚动条,保留鼠标滚动效果。
当我们的内容超出了我们的div,往往会出现滚动条,影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。这里介绍一个简单的方法。 大体思路是在div外面再套一个div。这个div设置overflow:hidden。而内容div设置 overflow-y: scroll;overflow-x...转载 2018-08-23 17:29:05 · 4179 阅读 · 3 评论 -
css 重置样式,清除浏览器默认样式,并配置适合的基础样式
重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。/* reset */html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,butto...原创 2018-08-23 17:33:06 · 496 阅读 · 0 评论 -
css media
通过媒体查询为不同的设备和大小配置不同的样式。/* media *//* 横屏 */@media screen and (orientation:landscape){}/* 竖屏 */@media screen and (orientation:portrait){}/* 窗口宽度<960,设计宽度=768 */@media screen and (max-width...原创 2018-08-23 17:33:30 · 491 阅读 · 0 评论 -
css 上下左右居中(9种)
Technique Browser Support Responsive Overflow resize:both Variable Height Major Caveats Absolute Centering Modern & IE8+ Yes Scroll, can overflow container Yes Y...原创 2018-08-23 17:34:03 · 37903 阅读 · 1 评论 -
css 左侧固定右侧自适应(7种)
演示demo其中有老生常谈的float方法,BFC方法,也有CSS3的flex布局与grid布局。常用的宽度自适应的方法通常是利用了block水平的元素宽度能随父容器调节的流动特性。另外一种思路是利用CSS中的calc()方法来动态设定宽度。还有一种思路是,利用CSS中的新型布局flex layout与grid layout。首先创建基本的HTML布局和最基本的样式。<div ...原创 2018-08-23 17:34:27 · 5458 阅读 · 0 评论