HTML/CSS
Foodiegirl_Hui
在世界历史中,每一伟大而高贵的时刻都是热忱的胜利。。。
----------灰之微妙语
展开
-
移动端显示边框兼容问题
border1像素问题例如:html:<div class="content border-1px"></div>css:.border-1px{ position: relative;}.border-1px:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}@media only screen and (-webkit-min-device-pixel-原创 2020-11-23 19:09:12 · 205 阅读 · 0 评论 -
css学习小结
目录目录一基础边距间距常见使用二应用一个div层浮在另一个div层上面div在div页面内居中页面顶部添加图片背景渐变色table中的渐变色一、基础边距间距设置样式,在样式文件中添加如下会很方便使用:*{margin:0 auto;padding:0;}常见使用 vertical-align:middle; —文本垂直居中 text-align:center; —文原创 2015-07-01 15:51:26 · 631 阅读 · 0 评论 -
CSS十大应对技巧
1.css 字体简写规则 当使用css定义字体时你可能会这样做: font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif; 事实上你可以简写这些属性: font: 1e原创 2015-07-28 09:40:45 · 486 阅读 · 0 评论 -
CSS实现文字自动换行
文字在网页编写的时候是可以自动换行的.但是有一个让我们很头疼的就是英文往往是不能自动换行的.特别是连在一起的英文.有的时候我们会用CSS来限制表格的属性.比如OVERFLOW:HIDDEN,但这个属性不能很好的达到我们所要的目的.下面是CSS实现文字换行的几种方法:对于div 1、(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。原创 2015-07-28 11:03:32 · 2824 阅读 · 0 评论 -
DIV+CSS网页设计常用布局代码
单行一列body{margin:0px;padding:0px;text-align:center;}#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列body{margin:0px;padding:0px;text-align:center;}#content-top{margin-left:au原创 2015-07-28 11:49:28 · 11571 阅读 · 3 评论 -
双飞翼布局
双飞翼布局的实现思路是,先把最重要的身体部分放好,然后再将翅膀移动到适当的地方。 这种布局的好处: 一、可以实现主要的内容先加载的优化; 二、兼容目前所有的主流浏览器,包括IE6在内哦。 三、不同的布局框,可以通过调整相关CSS属性即可实现。示例demo包:demo下载 效果图:原创 2015-11-18 13:40:47 · 531 阅读 · 0 评论 -
flex布局
flex 布局容器属性display: flex 弹性核布局flex-direction 设置主轴方向(row(默认)沿水平主轴由左向右排列、row-reverse沿水平主轴由右向左排列、column沿垂直主轴右上到下和column-reverse)flex-wrap 是否换行(nowrap(默认)不换行、wrap换行和wrap-reverse)flex-flow 合并fl...原创 2018-08-06 20:06:32 · 218 阅读 · 0 评论