如何用css来控制段落开头的縮进距离和字符间的距离，接下来我们就分别做介绍。text-indent 属性规定文本块中首行文本的缩进。允许使用负值。如果使用负值，那么首行会被缩进到左边（负值常应用在隐藏文本上）。letter-spacing 属性增加或减少字符间的空白（字符间距）。
CSS样式,网页设计基础教程,div+css
阅读全文
偶然发现用ipad访问我的网站时，发现网站上的一串数字变颜色了（原来是红色的），现在变成了蓝色。一开始以为网站出了什么问题，后来在PC端查看，发现颜色依旧是红色。在ipad上点击还会弹出菜单呼叫的选项，基本可以断定是Safari搞的鬼了。别的地方倒也罢了，如果在用户名中出现数字（手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”），那效果会很不好。
网页设计基础教程,浏览器,Safari
阅读全文
一个好的网页布局可以增加网站的美观度，给用户很好的用户体验。页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要，并可以在结构外观上令用户感到舒服。具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然；针对用户的阅读模式来设计布局；合理利用页面空间。
网页设计基础教程,网页制作素材,网页设计素材
阅读全文
我们在网站制作过程中，有时会遇到网站页面变形的问题，出现这种的情况一个原因是浏览器兼容问题，可以通过优化代码来解决。还有一种情况是页面内容将网页框架撑开变形。今天我教给大家如何用css样式表固定表格框架。比如我们在一个单元格里显示的字符过多，这时候你会发现在页面中显示的效果是表格没有自动换行,而是被强制拉长。这样就很不利于用户阅读，同时也不美观，伤害了用户体验。这时候我们需要对表格做下特殊处理方能解决这种情况的出现。
CSS样式,HTML代码,网页设计基础教程,新手做网站教程
阅读全文
transform可以使元素发生改变、变形、旋转、倾斜、放大缩小等。transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。transform:rotate()：旋转。transform:skew()：倾斜。transform:scale()：比例；"1.5"表示以1.5的比例放大，如果要放大2倍，须写成"2.0"，缩小则为负"-"。
CSS样式,建站教程,网页设计基础教程,div+css
阅读全文
我们在做网站前端时，有时会碰到需要将图片变成黑白或者灰色的需求，比如商品缺货时，将图片置成灰色是一个很好的用户体验。那么如何将图片转换成黑白呢？我们通过程序调用不同的图片就很容易实现，但这种做法的缺点是同一种图片需要制作两张图片，一种是正常的图片，一种是灰色的图片。这样势必很繁琐。今天给大家介绍的是通过css来实现这一效果。
JS,CSS样式,建站教程,网页设计基础教程,jquery教程,div+css
阅读全文
一个问题一直困扰着不少前端制作人员（也称前端开发工程师，o(∩_∩)o）。如题，如何实现一张未知宽高的图片在一个Div里面水平垂直居中呢？相信部分前端人员首先想的是Table布局，是的，实现起来不是很麻烦，但肯定也有和小编一样有代码洁癖的人。在这里，小编忽略Table的实现方法，有兴趣的也可以去研究一下。下面介绍下用Html和CSS来实现如题效果。
CSS样式,HTML代码,网页设计基础教程,div+css
阅读全文
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器。Macromedia Dreamweaver 8 是建立 Web 站点和应用程序的专业工具。Dreamweaver将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
DreamWeaver,网页设计基础教程
阅读全文
