侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 129620 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

css相关tips

2024-04-28 星期日 / 0 评论 / 0 点赞 / 2 阅读 / 2755 字

readonly :不可编辑,不可获得焦点,背景颜色默认透明,字体颜色默认为前景色黑色,值可以在请求中传递; chorme和ie支持,firefox不支持readonly属性(在属性内定义:onfoc

readonly :不可编辑,不可获得焦点,背景颜色默认透明,字体颜色默认为前景色黑色,值可以在请求中传递;
chorme和ie支持,firefox不支持readonly属性(在属性内定义:onfocus="this.blur()")
disabled :不可编辑,不可获得焦点,背景颜色默认灰色,字体颜色默认为灰色,值不可以在请求中传递; 
标签属性(readonly)大小写都不会影响其效果,但js的DOM中严格区分大小写(readOnly)。
Firefox的css usage插件可以显示重复或没有用到的css rules,每个页面scan一次比autoscan准。
Firefox不支持background-position-x/y属性,要用background-position:X Y;代替。
position为fixed的元素,宽度为自适应的最小宽度,不会占一整行。
表格的单元格会自动收缩,不能利用overflow属性。即使设置width属性固定宽度,也会收缩到最小文字宽度。如果真要设置固定宽度,可以在td中嵌套div,给div设置宽度。或者用table的table-layout:fixed;属性。
表格的第一行决定整体表格的单元格宽度。如果要表格根据内容自适应宽度,只要加white-space:nowrap属性即可。特别是ie,别的浏览器会自动调整宽度。
改变浏览器大小?
font的简写注意事项
1、简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。
font: italic bold .8em/1.2 Arial, sans-serif;//family之间用,号
2、顺序不能改变。这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值
页面居中时出现滚动条不跳动的方法:
只有margin-left为auto时,出现滚动条会改变其值,页面跳动。  
1.body { overflow-y: scroll; }    //超出时出现滚动条,不超出时依然会保留一个丑陋的灰色的滚动栏
2.wrap-outer {margin-left: calc(100vw - 100%);}   //在左边提前预留滚动条的宽度
//calc()是css3中的函数,可进行四则运算(前后必须有空格),可混合使用百分比、px、em、rem等单位
// 100vw指viewport的宽度,包含滚动条的宽度;而100%是不包含滚动条的viewport宽度。
若margin-left为固定值,不会跳动。滚动条会出现在最上面一层,压住下面的内容。
<div class="in_right_box">
<ul class="silder_list" >
<li>
<a href="http://shijiazhuang.changtu.com/" target="_blank">石家庄客运总站</a>
</li>
</ul>
</div>

广告 广告

评论区