三种基本的css样式,应用CSS样式有哪几种方法

我们在05后HTML教程3354第三期提到了css。今天,我们将与你分享一些实用的css样式。

颜色定义文本的颜色。

背景色定义元素背景的颜色宽度。

定义元素的宽度高度定义元素的高度字体粗细定义字体的粗细字体系列定义元素的字体系列字体大小定义字体的大小文本对齐设置文本边框的对齐方式

;”>设置元素的边框

我们可以使用css的类选择器把css的代码写到<style>里。这样会比较简洁。

好了,现在来看一下实例和格式:

关于颜色:

color和background-color可以定义文本的颜色和元素的背景颜色。

字体

不得不说,汉字默认的宋体实在是太 丑 了。(我是黑体控)所以我们来尝试修改字的大小和系列(px是像素的意思):

用font-weight来定义字体的粗细

块元素:

用 width、height 和 text-align  来定义块元素的宽,高和字体对齐方式。

还有border,这个样式的写法有点特殊

是这样的:

border-width:第一个值定义宽度

border-style:第二个值定义属性(如solid是实线)

border-color:第三个值定义颜色

就像这样:border:5px solid #454545;

之后我们会介绍更多的css样式。


作者:

    

Алексей

       四五帮帮主,四五dark♂帝国元首(划掉)

喜欢HTML/CSS/JS

07年出生,福建福州人,未来的程序员

素描八级,但是还是要请美工

本来想做小程序,结果开了个公众号天天在那边写稿



wawjf

(我爱微积分)


与楼上同班同学,都是很hj的人(是的



往期内容:

面向05后的HTML教程——第三期

面向05后的HTML教程——第四期

一部分和文本有关的标签(2)

面向05后的HTML教程——第五期

面向05后的HTML教程——第六期

动态分享

面向05的HTML教程——第二期

2022-6-6 21:21:55

动态分享

adobe干啥的,Adobe软件有什么

2022-6-6 21:51:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索