首页 > 其他分享 >CSS的总结1

CSS的总结1

时间:2023-01-02 20:00:42浏览次数:34  
标签:总结 标签 字体 font 选择器 CSS 属性

1.CSS的行内样式

CSS的总结1_基线

2.CSS的内部样式表

CSS的总结1_CSS_02

3.CSS的外部连接式

CSS的总结1_CSS_03

在头部用link的方式进行连接外部的CSS样式。将外部CSS的路径输入到href里。

4.CSS的字体样式属性

4.1 font-size:字号大小:

  font-size属性用于设置字号。推荐使用像素单位px。

  • px单位名称为像素,像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。
  • 一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。
  • 大多数浏览器的默认字体大小是16px。
4.2 font-family:字体

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:

CSS的总结1_基线_04

4.3 font-weight:字体粗细字体加粗除了用 b 和 strong 标签之外,可以使用css 来实现。

font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍)。

4.4 font-style:字体风格

CSS的总结1_基线_05

5.选择器

5.1标签选择器:针对一类标签

CSS的总结1_基线_06

5.2 ID选择器:针对某一个特定的标签使用

CSS的总结1_选择器_07

5.3 类选择器:针对你想要的所有标签使用

CSS的总结1_基线_08

5.4通用选择器(通配符):针对所有的标签都适用(不建议使用)

CSS的总结1_CSS_09

5.5 链接伪类选择器

CSS的总结1_选择器_10

在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!a:active 必须位于 a:hover 之后,这样才能生效!

6.CSS外观属性

color文本颜色。  line-height行间距:行高是指文本行基线间的垂直距离:基线与基线之间的距离。 

text-align:水平对齐方式

text-decoration:文本修饰

属性值

none | underline | overline | line-through

默认值

none


属性名

text-decoration

描述

对文本进行修饰

letter-spacing:字符间距

text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;可以给文字添加阴影效果



描述

h-shadow

必需。水平阴影的位置。允许负值。

v-shadow

必需。垂直阴影的位置。允许负值。

blur

可选。模糊的距离。

color

可选。阴影的颜色。

前两项是必须写的。 后两项可以选写。

标签:总结,标签,字体,font,选择器,CSS,属性
From: https://blog.51cto.com/u_15729005/5984003

相关文章

  • 前端技术-总结列表
    ------------------------------------------------------------------------------------------------------------------------------------------------------------......
  • HTML/CSS
    HTML基本框架<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title></head> <body></body></html>段落标记:<p></p>预留格式(文本中......
  • Redis 中ZSET数据类型命令使用及对应场景总结
    转载请注明出处:目录1.zadd添加元素2.zrem从有序集合key中删除元素3.zscore返回有序集合key中元素member的分值4.zincrby为......
  • 第20章_ CSS-练习
    ​  层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可......
  • 第20章_ CSS-练习
    ​  层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可......
  • 引入,CSS的书写方式
    ​  【1】为什么要学习CSS?HTML画页面--》这个页面就是页面上需要的元素罗列起来,但是页面效果很差,不好看,为了让页面好看,为了修饰页面---》CSSCSS的作用:修饰HTML页面......
  • 引入,CSS的书写方式
    ​  【1】为什么要学习CSS?HTML画页面--》这个页面就是页面上需要的元素罗列起来,但是页面效果很差,不好看,为了让页面好看,为了修饰页面---》CSSCSS的作用:修饰HTML页面......
  • 阿里面试总结(复盘)
    1、一个键值对如何插入hashmap?方法一:使用hashmap的put()方法hashmap.put(key, value);方法二:使用hashmap的putIfAbsent()方法hashmap.putIfAbsent(key, value);2、哈希......
  • 4.CSS网页样式--DIV盒子模型
    实验原理css盒子模型(BoxModel)所有HTML元素可以看作盒子,在CSS中,"boxmodel"这一术语是用来设计和布局时使用。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:......
  • 1月2日内容总结——bbs仿博客园项目(开发流程、注册登陆功能)
    目录项目开发基本流程项目流程注册功能登录功能作业项目开发基本流程1.需求分析2.架构设计3.分组开发4.提交测试5.交付上线项目流程仿造博客园项目 核心:文章的......