CSS中常用的五种编辑属性

CSS 字体属性

属性  描述 
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。 
font-family 设置字体系列。 
font-size 设置字体的尺寸。 
font-style 设置字体风格。 
font-variant 以小型大写字体或者正常字体显示文本。 
font-weight 设置字体的粗细。

CSS 文本属性

属性 描述 
color 设置文本颜色 
direction 设置文本方向。 
line-height 设置行高。 
letter-spacing 设置字符间距。 
text-align 对齐元素中的文本。 
text-decoration 向文本添加修饰。 
text-indent 缩进元素中文本的首行。 
text-transform 控制元素中的字母。 
unicode-bidi 设置文本方向。 
white-space 设置元素中空白的处理方式。 
word-spacing 设置字间距。

CSS 边框属性

属性 描述 
border 简写属性,用于把针对四个边的属性设置在一个声明。 
border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 
border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 
border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。 
border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中 
border-left 简写属性,用于把左边框的所有属性设置到一个声明中。 
border-right 简写属性,用于把右边框的所有属性设置到一个声明中。 
border-top 简写属性,用于把上边框的所有属性设置到一个声明中。

CSS 列表属性(list)

属性 描述 
list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。 
list-style-image 将图象设置为列表项标志。 
list-style-position 设置列表中列表项标志的位置。 
list-style-type 设置列表项标志的类型。

CSS 背景属性

属性 描述 
background 简写属性,作用是将背景属性设置在一个声明中。 
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 
background-color 设置元素的背景颜色。 
background-image 把图像设置为背景。 
background-position 设置背景图像的起始位置。 
background-repeat 设置背景图像是否及如何重复。

CSS

  • CSS全称:Cascading Style Sheets.
  • 层叠样式表、级联样式表.
  • 是一种用来表现HTML文件样式的计算机语言

CSS的加载

  1. 浏览器默认样式
  2. 用户自定义样式
  3. 作者自定义样式

定义样式

  1. 元素开始标记中使用style属性添加样式(内嵌)
  2. 在head标记中使用style标记指定样式(内联)
  3. 在head标记中使用link外部链接一个CSS文件(外联)

CSS语法规则

标记/标签选择器

{
声明; 
属性:属性值; 
           }

伪类选择器

a:link 初始 
a:visited 访问后 
a:hover 鼠标移入||鼠标悬停 
a:active 点击时-一瞬间 
li:nth-last(倒数)-chid(odd奇数;even偶数;3n+1表示循环)

后代选择器

p空格span

子级选择器

p>span

并集选择器

h1,h2,h3,span,p,li,box1......

通配符 *

*{margin:外边距;padding:内边距;}

伪元素选择器

div:first-letter(line):font-size:30px;

选择器权重

!important>style>id>class>元素>*

层叠机制

通过多个渠道完成,样式属性不同直接作用元素;元素相同判断权重,权重相同,后覆盖前;权重不同,以权重大的为准

继承

子级样式不是显式声明,从父级继承;但子级可以单独声明样式并且不影响父级;文字类型的样式会被继承

时间: 2024-10-15 22:08:42

CSS中常用的五种编辑属性的相关文章

Android中常用的五种数据存储方式

第一种: 使用SharedPreferences存储数据 适用范围: 保存少量的数据,且这些数据的格式非常简单:字符串型.基本类型的值.比如应用程序的各种配置信息(如是否打开音效.是否使用震动效果.小游戏的玩家积分等),解锁口 令密码等 核心原理: 保存基于XML文件存储的key-value键值对数据,通常用来存储一些简单的配置信息.通过DDMS的File Explorer面板,展开文件浏览树,很明显SharedPreferences数据总是存储在/data/data/<package name

iOS中常用的五种存储方式

今天讲四种,CoreData 这哥么我会专门讲.别急?? 属性列表(plist)归档 Preference(偏好设置) NSKeyedArchiver归档(NSCoding) SQLite3 Core Data https://segmentfault.com/a/1190000004389463

css中常用的几种居中方法

1:使用position:absolute,设置left.top.margin-left.margin-top的属性 position:absolute; width:200px; height:200px; top:50%; left:50%; margin-top:-100px; margin-left:-100px; background:red; 2:使用position:fixed,同样设置left.top.margin-left.margin-top的属性 position:fixe

Android中常用的三种存储方法浅析

Android中常用的三种存储方法浅析 Android中数据存储有5种方式: [1]使用SharedPreferences存储数据 [2]文件存储数据 [3]SQLite数据库存储数据 [4]使用ContentProvider存储数据 [5]网络存储数据 在这里我只总结了三种我用到过的或即将可能用到的三种存储方法. 一.使用SharedPreferences存储数据 SharedPreferences是Android平台上一个轻量级的存储类,主要是保存一些常用的配置信息比如窗口状态,它的本质是基

Css中常用中文字体的Unicode编码对照

在网页制作中,最常用的恐怕是字体属性了,在调整页面兼容的时候,也常常发现字体名称的原因导致不兼容或乱码,下面给出几种常用字体的ucicode编码对照,方便使用. 宋体 SimSun \5B8B\4F53 黑体 SimHei \9ED1\4F53 微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 微软正黑体 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53 新宋体 NSimSun \65B0\5B8B\4F53 新细明体

顽石系列:CSS实现垂直居中的五种方法

顽石系列:CSS实现垂直居中的五种方法 在开发过程中,我们可能沿用或者试探性地去使用某种方法实现元素居中,但是对各种居中方法的以及使用场景很不清晰.参考的内容链接大概如下: 行内元素:https://blog.csdn.net/bwf_erg/article/details/69844527 MDN文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align 六种方法:https://www.jianshu.com/p/08

是的,是你的BFC - CSS中常用

是的,是你的BFC - CSS中常用 CFC 全称:(Block Formatting Contexts)含义是块级格式化上下文),就是一个块级元素的渲染显示规则 一.简易理解.定义 可以把 BFC 理解为一个封闭的大箱子,容器里面的子元素不会影响到外面的元素,同时外面的元素也不会影响我们容器内的子元素. 二.BFC布局规则 内部的盒子会在垂直方向,一个个地放置: 属于同一个BFC的 两个相邻Box的 上下margin会发生重叠 : 每个元素的左边,与包含的盒子的左边相接触,即使存在浮动也是如此

Android中Button的五种监听事件

简单聊一下Android中Button的五种监听事件: 1.在布局文件中为button添加onClick属性,Activity实现其方法2.匿名内部类作为事件监听器类3.内部类作为监听器4.Activity本身作为事件监听器,实现onClickListener5.外部类作为监听器 ButtonListenerActivity.class public class ButtonListenerActivity extends AppCompatActivity implements View.On

.NET中常用的几种解析JSON方法

一.基本概念 json是什么? JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是一种轻量级的数据交换格式,是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. 序列化和反序列化是怎么回事? 序列化: 将数据结构或对象转换成二进制串的过程 反序列化:将在序列化过程中所生成的二进制串转换成数据结构或者对象的过程 如何:对 JSON 数据进行序列化和反序列化? 1.定义 Person 的数据协定 通过