当前位置:首页 > 技术文章 > 正文内容

CSS知识点总结

arlanguage1周前 (04-25)技术文章10

CSS(cascading style sheet)层叠样式表语言,用来专门修饰HTML的。有三种方式将CSS嵌入html中。

第一种:

内联定义。任何一个html标签都可以指定style属性,在标签的style属性上直接定义样式名和值,语法如下:

<标签 style=“样式名:样式值;

样式名:样式值;

样式名:样式值;”>

</标签>

样式名可以为字体,文本,背景,定位,尺寸,布局,表格,列表,边框

第二种:

在head标签中使用style标签,定义内部样式块对象。语法如下:

<style type=”text/css”>

选择器 {

样式名:样式值;

样式名:样式值;

样式名:样式值;

….

}

</style>

常用的三种选择器为:标签选择器(直接写),id选择器(id名字前面加上#)和class选择器(任何一个标签都有class属性,class值相同的,可以看作是同一类标签,class名字前面加上一个点.)。

第三种:

利用link标签,链入外部样式表文件。语法如下:

<link href="{%static "css/adstyle.css" %}" rel="stylesheet" type="text/css" />

优先级:id选择器>类选择器>标签选择器

CSS常见的样式:

隐藏:display:none;

文本装饰:text-decoration:underline;

列表样式:list-style-type:none;

设置鼠标悬停效果:span:hover;

内外补丁:margin-top:10px padding-left:20px;

悬浮样式:float:left;

光标样式:position:absolute; cursor:pointer;

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/4098.html

分享给朋友:

“CSS知识点总结” 的相关文章

Python WSGI 高性能服务器 - Gunicorn 简介

一、简介Gunicorn 意即 Green Unicorn,绿色独角兽。它是一个被广泛使用的高性能的 Python WSGI UNIX HTTP服务器,移植自Ruby的独角兽(Unicorn )项目。它具有如下特性:原生支持 WSGI、Django 和 Paster自动工作进程管理简单的 Pytho...

Nginx安装与调优部署文档(WinServer)

1. 安装环境准备1.1 部署规划软件安装路径 E:\nginx软件日志路径 E:\nginx\logs软件主配置文件路径 E:\nginx\conf软件子配置文件路径 E:\nginx\conf\conf.d软件站点配置路径 E:\nginx\html端口规划 802. Nginx安装部署2.1...

轻量级日志平台 Loki 2.3 发布:15 倍最近数据查询速度提升

一、前言Loki v2.3.0 中添加了出色的新功能,进行了 bug 修复。除此之外,性能也得到了提升。二、自定义保留规则Loki 中的保留对于集群来说一直是全局的,并推迟到底层对象存储。Loki 现在可以通过 Compactor 组件处理保留。 你可以配置每个租户和每个流的保留时间。 这些不同的保...

常见nginx配置文件的主上下文指令有哪些?

Nginx 由模块组成,这些模块由配置文件中指定的指令(directive)来控制。指令被分为简单指令和块指令。简单指令由名称和用空格分隔的参数组成,并以分号 (;) 结尾。块指令与简单指令具有相同的结构,但是在分号的位置,它以一组用大括号 ({ 和 }) 括起来的额外指令结束。如果块指令可以在大括...

VUE3前端开发入门系列教程

一直以来使用ThinkJS开发,使用Semantic-UI手写代码,又缺少一些table等插件,好累。平时使用NodeJS开发后端较多,一直有接触VUE想法,总是不得入门(可能是思维固化了),再次深入研究,直接从VUE3入手,并借这次机会写个入门系列教程,一是做个笔记备查,二是与大家分享。初次入门V...

Nginx 的性能调优: 从入门到精通

Nginx 是一种高效的 Web 服务器和反向代理,广泛应用于互联网中。通过性能调优,Nginx 可以进一步提高其服务质量和性能。本文将从入门到精通,介绍 Nginx 性能调优的方法和技巧。一、什么是 Nginx?Nginx 是一种开源的 Web 服务器和反向代理软件,由 Igor Sysoev 创...