![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
书和咖啡
学习python的小侠客
展开
-
CSS 链接样式
超链接是网页的基本元素之一,几乎每个网页我们都可以看到超链接。在之前讲 HTML 的时候就讲过,超链接会自带一些默认样式,例如未点击的超链接会显示带下划线的蓝色字体、点击时字体变为红色、点击后字体变为紫色。这种点击前后不一致的样式,其实是超链接的伪类样式,伪类就是不根据名称、属性或者内容,而是根据标签处于某种行为或状态时的特征来修饰样式,也就是说超链接将根据不同的状态显示不同的样式。去掉链接的下划线首先,我们知道超链接本身是带有默认下划线的,但是一般我们在网页中看到的超链接都是没有下划线的,那么要如何去原创 2020-09-21 14:15:17 · 530 阅读 · 1 评论 -
CSS 背景样式
我们平时看到的网页中会有各式各样的背景样式,例如有用颜色作为背景的,也有图片作为背景的。添加背景样式能够让网页更好看,那么要如何设置页面的背景样式呢,这就是本节我们要学习的内容。背景颜色首先我们来讲如何设置背景颜色,浏览器页面的默认背景颜色为白色,但是很多时候为了页面的美观我们会重新设置一个背景颜色,一般在一个网站中大部分页面都会采用某个统一的背景颜色。我们可以通过CSS 中的 background-color 属性来设置背景颜色 ,这个属性可以接受任何合法的颜色值,像颜色名称、十六进制颜色值、RGB原创 2020-09-18 14:51:43 · 287 阅读 · 0 评论 -
CSS 文本样式
本节我们讲文本样式,像比如设置文本颜色呀,首行缩进、水平对齐等,可以对网页进行排本设置等。将要学习的文本属性有如下几个:属性描述color设置文本颜色text-index设置首行文本的缩进text-align设置文本水平对齐方式line-height设置文本行高text-decoration设置文本的装饰color首先我们来讲文本颜色设置,前面我们讲过一节关于如何设置颜色,所以想必大家对如何给文本设置颜色不会。示例:例如给下面的 <原创 2020-09-14 10:51:34 · 1013 阅读 · 0 评论 -
CSS 字体样式
本节我们来讲字体样式,之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定没有我们通过 CSS 中的样式来的方便。接下来我们会给大家介绍下面这几个属性的使用:属性描述font-family设置元素的字体font-size设置字体的大小font-style设置字体的风格font-weight设置字体的粗细font在一个声明中设置所有的字体属性通过学习上述这几个 CSS 属性,我们可以实现给 HTML 中的文原创 2020-09-11 09:38:33 · 134 阅读 · 0 评论 -
CSS 颜色
本节我们来讲一下颜色,因为我们后面学习 CSS 样式时,会经常用到颜色,颜色也是网页中必不可少的一个元素。例如我们可以给某个字体设置颜色,给元素的边框设置颜色,设置元素的背景颜色等。要想一个网页好看,肯定是需要给它添加一些色彩的。颜色值颜色是通过对红、绿和蓝光的组合来显示的。我们一般会通过下面三种方式来规定 CSS 中的颜色:颜色名称十六进制颜色值RGB 颜色颜色名称HTML 和 CSS 颜色规范中定义了 147 种颜色名,其中有 17 种标准颜色,加上 130 种其他颜色。例如 red原创 2020-09-09 09:35:42 · 468 阅读 · 0 评论 -
CSS 类选择器和ID选择器
本节我们来讲一下类选择器和ID选择器。上一节我们学习了标签选择器,但是在使用标签选择器的时候会有一个问题,举个例子,我们先来看下面这段代码:<!DOCTYPE><html> <head> <meta charset="utf-8"> <title>CSS学习(9xkd.com)</title> <link rel="stylesheet" type="text/css" hr原创 2020-09-07 09:37:28 · 621 阅读 · 0 评论 -
CSS 标签选择器
本节我们来学习 CSS 中的选择器,选择器是 CSS 里面一个很重要的概念,HTML 中的所有标签样式,都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器,就可以对不同的 HTML 标签进行选择,并指定各种样式声明。在 CSS 中三三种最基本的选择器,分别是标签选择器、类选择器(class)、ID选择器。本节我们来讲标签选择器,标签选择器是 CSS 中最常见的选择器。像前面几节中,我们举例时用到的都是标签选择器。通过前面的学习我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部原创 2020-09-04 09:57:05 · 2520 阅读 · 0 评论 -
CSS 外部样式
本节我们讲最后一种 CSS 引入方式,也是实际开发中主要使用的一种方式,即外部样式。什么是外部样式外部样式就是把 CSS 代码保存在一个单独的文件中,文件的扩展名为 .css,然后在 HTML 页面中引入这个 CSS 文件即可。HTML 文件引入外部样式表有两种方式,分别是链接式和导入式。链接外部样式表链接外部样式表就是在 HTML 文件中使用 <link/> 标签链接外部样式表,且 <link/> 标签必须放到 HTML 中的 <head> 标签内。在一个原创 2020-09-02 13:25:58 · 12558 阅读 · 2 评论 -
CSS 内嵌样式
前面一节我们讲了行内样式,但是行内样式的缺点就是样式不能重用。例如当有好多个 <p> 标签,我们希望所有的 <p> 标签的样式都一致,那么需要在每个标签中都写一遍,这么会很麻烦,也会增加很多代码。那么为了解决这个问题,本节我们学一下内嵌样式,也可以叫做内部样式。什么是内嵌样式内嵌样式就是将 CSS 代码写在 HTML 页面中的 <head> 标签中的 <style> 标签内。因为它与 HTML 内容位于同一个文件中,所以叫做内嵌样式表。示例:例如下面原创 2020-08-31 10:34:46 · 4594 阅读 · 0 评论 -
CSS 行内样式
本节我们要学习一下 CSS 样式的几种形式,在实际应用中向 HTML 中引入 CSS 样式的方法有三种,分别是行内样式、内部样式、外部样式。我们会依次学习这三种方式的优缺点以及应用场景,本节我们先来讲一下行内样式。什么是行内样式行内样式,其实从它的名字就可以看出来它的特点,就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。例如像下面这样的:<p style="font-size: 18px;">行内样式</p>HTML 中的 style 属性提供了一种改原创 2020-08-26 09:47:13 · 17993 阅读 · 0 评论 -
CSS 入门
本教程我们来学习基本的 CSS 知识,在学习 CSS 之前,大家肯定已经学习过了 HTML,在学习 HTML 的时候我们就已经讲到过,有很多的标签和属性其实都能直接通过 CSS 样式来代替实现,并且通过 CSS 样式来实现会更加方便。相对于我们平时看到的网页来说,如果仅仅通过 HTML 代码是无法达到某些比较复杂视觉效果的,但是如果配合 CSS 就能很容易实现啦。CSS 介绍CSS 的英文全称为 Cascading Style Sheets,翻译成中文叫做层叠样式表,是一种用来表现 HTML 或 XM原创 2020-08-24 09:41:57 · 167 阅读 · 0 评论