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