CSS速记

您所在的位置:网站首页 氨基酸缩写速记 CSS速记

CSS速记

2023-06-04 23:26| 来源: 网络整理| 查看: 265

简单记录一下CSS相关知识,方便后续查阅。

一、CSS引入方式 1.1 内联方式(行内样式) 例如

1.2 内部样式

当单个文档需要特殊的样式时,就应该使用内部样式表。可以使用标签在文档头部定义内部样式表。

h1 { background: red; } 1.3 外部样式表

当样式需要应用于很多页面时,外部样式表是最好的选择。在使用外部样式表的情况下,你可以通过一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签定义在(文档的)头部。

二、CSS选择器 2.1 标签选择器

选择器优先级为:行内样式>id选择器>类选择器>元素选择器>通用选择器 同级别的选择器,写在后边的选择器会覆盖写在前边的选择器的效果。

类别符号描述ID选择器#针对某一个特定的标签来使用,只能使用一次类选择器.同一个标签的可以使用多个类选择器,用空格隔开元素选择器标签名-通用选择器*- 2.2 关系选择器 类别符号描述后代选择器E F{}选择所有被E包含的F元素,中间用空格隔开子代选择器E>F{}选择所有作为E元素的直接子元素F,对更深层的元素不起作用,用>表示相邻兄弟选择器E+F{}选择紧跟E元素之后的F元素,用+表示,仅选择其后的一个元素通用兄弟选择器E~F{}选择E元素之后的所有兄弟元素F,作用于多个元素,用~隔开 三、各个类别的属性

在设置块级元素时,设置的宽度是content的宽度。

类别属性描述字体属性color字体颜色-font-size字体大小,一般以像素为单位-font-weight字体粗细,100-900表示,400为正常,700为加粗,700-900无效果-font-family元素字体,“微软雅黑”、“SimHei”、“Simsun”等-font-style字体样式,normal表示正常,italic表示斜体背景属性background-color设置背景颜色-background-image设置背景图片-background-position设置背景图片显示位置-background-repeat设置背景图片如何填充,cover为充满裁剪填充,contain为充满不裁剪填充-background-size设置背景图片大小属性文本属性text-align指定元素的水平对其方式-text-decoration规定添加到文本的修饰,underline是下划线,overline是上划线,line-through是删除线-text-transform控制文本的大小写,capitalize定义每个单词开头大写,uppercase定义全部字母大写,lowercase定义全部字母小写-text-indent规定文本块中首行文本的缩进,单位为px表格属性border边框,例如border:1px solid black-border-collapse设置表格的边框是否被折叠成一个单一的边框-width表格宽度-height表格高度-text-align设置水平对齐方式-vertical-aling设置垂直对齐方式-padding表格填充宽度-color字体颜色-background-color背景颜色


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3