现在位置 >网页制作教程 >所有关于CSS的文章
如何保证table表格不被撑开(固定HTML表格宽度)
在HTML页面建立一个表格,如果表格里的内容出现很长一串字符,表格就会被撑开,整个页面就会被打乱,会非常难看。本文介绍如何利用CSS样式固定表格宽,从而不被撑开。
css设置段落开头缩进距离和字间距text-indent|letter-spacing
如何用css来控制段落开头的縮进距离和字符间的距离,接下来我们就分别做介绍。text-indent 属性规定文本块中首行文本的缩进。允许使用负值。如果使用负值,那么首行会被缩进到左边(负值常应用在隐藏文本上)。letter-spacing 属性增加或减少字符间的空白(字符间距)。

如何解决google字体库无法成功加载

发表于10年前 网站制作经验 9条评论 ⁄ 被围观 4,057+
如何解决google字体库无法成功加载
目前谷歌(Google)在华的几乎所有的服务都处于无法使用的状态,这不仅影响到了广大网民,也影响到了数百万站长。WordPress是世界上最大的开源博客程序,而WordPress大部分的主题都是使用Google的在线字体方案:Google Fonts。Google服务不稳定,导致大量独立博客字体加载不出来,直接导致几十万独立博客打开速度变慢,严重时甚至导致网站打不开。

如何在网站里使用google在线字体?

发表于10年前 网站制作经验 0条评论 ⁄ 被围观 3,687+
如何在网站里使用google在线字体?
在一些制作漂亮的网站里,我们会经常发现他们调用google字体。尤其在wordpress博客系统中,调用google在线字体更为常见。本文主要从三个方面阐述google在线字体:什么是google字体?为什么要使用google字体?如何在网站里使用google在线字体?

如何用css防止表格table变形

发表于10年前 网站制作教程 0条评论 ⁄ 被围观 4,590+
如何用css防止表格table变形
我们在网站制作过程中,有时会遇到网站页面变形的问题,出现这种的情况一个原因是浏览器兼容问题,可以通过优化代码来解决。还有一种情况是页面内容将网页框架撑开变形。今天我教给大家如何用css样式表固定表格框架。比如我们在一个单元格里显示的字符过多,这时候你会发现在页面中显示的效果是表格没有自动换行,而是被强制拉长。这样就很不利于用户阅读,同时也不美观,伤害了用户体验。这时候我们需要对表格做下特殊处理方能解决这种情况的出现。

css中的transform详解

发表于10年前 网站制作教程 0条评论 ⁄ 被围观 3,302+
css中的transform详解
transform可以使元素发生改变、变形、旋转、倾斜、放大缩小等。transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推。transform:rotate():旋转。transform:skew():倾斜。transform:scale():比例;"1.5"表示以1.5的比例放大,如果要放大2倍,须写成"2.0",缩小则为负"-"。
将图片转换成黑白(灰色)的css和js的方法
我们在做网站前端时,有时会碰到需要将图片变成黑白或者灰色的需求,比如商品缺货时,将图片置成灰色是一个很好的用户体验。那么如何将图片转换成黑白呢?我们通过程序调用不同的图片就很容易实现,但这种做法的缺点是同一种图片需要制作两张图片,一种是正常的图片,一种是灰色的图片。这样势必很繁琐。今天给大家介绍的是通过css来实现这一效果。

网页和样式表CSS的关系-HTML教程第七讲

发表于10年前 HTML教程 1条评论 ⁄ 被围观 3,333+
网页和样式表CSS的关系-HTML教程第七讲
我们在制作网页时,网页设计时,总离不开一个重要的技术,那就是CSS样式表。那么CSS样式表的作用是什么?和网页设计又有什么关系?本文就详细解读下CSS样式表。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。样式表定义如何显示 HTML 元素,就像 HTML 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。
position: absolute、relative-css定位position详解
在网页设计过程中,我们使用div+css布局网页,在进行元素定位是,经常会用到absolute、fixed、relative、static、inherit属性值。但如果不会用,就会使页面错乱。今天就给大家以实例分析下,以便能更好理解。
如何利用CSS控制文本只在一行显示(不换行)
我们在做前端时,经常会要求文字只在一行显示。当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢?通过CSS中的word-break,white-space可以达到不换行的效果。