1.css的语言规范

2. 字体

2.1字体的属性调节以及装饰

2.2字体的边框设置

2.3列表中的设置

3.表格

3.1表格的边框调节

3.2背景色的调节

4.类名

1.css的语言规范

css语言在head中编写，并用style框起来
1.选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式。
2.属性和属性值以“键值对”的形式出现。
3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
4.属性和属性值之间用英文“:”分开。
5.多个“键值对”之间用英文“;”进行区分。

2. 字体

2.1字体的属性调节以及装饰

字体大小	font-size
字体颜色	font-color
字体粗细	font-weight
下划线	text-decoration
调整	text-align

颜色的五种表达方式
网页中的预定义色，使用英文单词进行颜色的表示；比如red，blue等
三位的十六进制；比如#F00(每个颜色由一个十六进制来表示)
六位的十六进制；比如#FF0000(每个颜色由两个十六进制来表示)
RGB三原色：RGB(255,0,0)这给定的三个参数表示红，绿，蓝的颜色值，由0到225的十进制表示
RGB，RGB(100%,0%,0%)，使用百分号表示

2.2字体的边框设置

hidden 隐藏边框
dotted 点状边框
dashed 虚线边框
solid 实线边框
double 双线边框
groove 3D凹槽边框
ridge 3D垄状边框
inset 3D inset边框
outset 3D outset边框
边框也有四面，所以也会有上下左右
所以有时候为了更精确定位并修改样式可以使用：
border-top-style 上边框样式
border-right-style 右边框样式
border-bottom-style 下边框样式
border-left-style 左边框样式

2.3列表中的设置

设置	代码
行间距	line-height
去掉前缀	list-style-none

3.表格

3.1表格的边框调节

设置	代码
表格的颜色	border-color
表格的样式	border-style
表格的宽度	width
表格的高度	height
合并表格	border-collapse
弯度	border-radium

具体如下图

 table {/* 边框的宽度20px */border-width: 20px;/* 边框的样式 */border-style: solid;/* 线条颜色 */border-color: rgb(18, 19, 18);/* 合并格式 */border-collapse: collapse;width: 100%;height: 800px;}td {border-width: 1px;border-style: groove;border-color: rgb(12, 7, 1);color: maroon;font-size: 40px;width: 25%;height: 200px;text-align-last: center;}body {border-style: double;border-width: 2px;border-color: mediumorchid;}h1 {text-align-last: center;font-size: 70px;font-weight: 800;}span {border-bottom-color: rgb(10, 8, 10);border-bottom-style: solid;border-bottom-width: 3px;}img{height: 100%;width:100%;

3.2背景色的调节

background-color-
背景色调节

4.类名的用法

类名是指以一个任意的字母开头命名的类选择器
类名前必须加“.”
且在body中的指示中加入class=“ 指令的命名 ”
如有较多命名，中间应加space
示例如下
设置了五个类名 p1p2p3p4p5

所对应的波body中的引用

【css的基础操作（css语言规范，字体，表格，类名）】相关推荐

CSS布局基础（CSS浮动）
CSS布局基础(CSS浮动) CSS浮动浮动元素表现出行内块特点布局原则浮动布局重点清除浮动清除浮动时机 CSS浮动 float: none(默认,不浮动)|left|right; 默认情况 ...
Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第11章 CSS简介 1.HTML是网页的结构,CSS是网页的外观,JavaScript是网页的行为. 2. ...
js对应css样式,JS操作CSS样式
一.样式表(css) 使用样式表可以更好的显示WEB文档,也可以结合javascript从而实现很好的控制样式表. 样式(css)与内容(html): HTML是处理文档结构的,HTML可以实现如何把 ...
html 文档自动获取css,前端基础中css选择器，html文档 ,与javascrip中基本的获取
1,Vscode自动刷新插件与格式化插件应用搜索搜索liveserver,安装后.点击右下角Golive可以进入使用. 格式化插件prettier:首选项,设置,搜索format,勾选prettie ...
css面试基础知识,CSS知识点与面试题解析
前言 CSS 和 HTML 是网页开发中布局相关的组成部分,涉及的内容比较多和杂乱,本小节重点介绍下常考的知识点. 选择器的权重和优先级 CSS 选择器有很多,不同的选择器的权重和优先级不一样,对于一 ...
css学习（第一天）（css基础选择器，css字体属性，css文本属性，css引入方式）
CSS第一天 1.css简介 1.1 html的局限性 1.2 css-网页的美容师 1.3 css语法规范 1.4 css代码风格 1.4.1 样式格式书写 1.4.2 样式大小写风格 1.4.3 ...
CSS的基础选择器、字体属性、文本属性和引入方式
目录一.css的语法规范二.css的基础选择器 (一)基础选择器总结 (二)标签选择器 (三)类选择器 (四)id选择器 (五)通配符选择器三.CSS字体属性 (一)字体属性总结 (二)font ...
CSS的基础概念、行内样式（内嵌样式）、内部样式（内联样式）、外部样式（外联样式）、字体相关属性及相关练习的案例
CSS学习笔记 CSS的基本概念 Cascading Style Sheet层叠样式表标签:<p> <div>-之类的标签使用方式:直接输入标签名类(class):cla ...
c语言如何字符间距,css 字间距、CSS字体间距、css 字符间距设置
「CSS」文本编排相关的CSS属性设置 1.font-family:设置字体族. 格式为font-family:字体1,字体2,--,通用字体族|inherit. 通用字体族,是指一类相似的字体.W3 ...
前端工程师面试问题归纳（一、问答类html/css/js基础）
一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...

【css的基础操作（css语言规范，字体，表格，类名）】

目录

1.css的语言规范

2. 字体

2.1字体的属性调节以及装饰

2.2字体的边框设置

2.3列表中的设置

3.表格

3.1表格的边框调节

3.2背景色的调节

4.类名

1.css的语言规范

2. 字体

2.1字体的属性调节以及装饰

2.2字体的边框设置

2.3列表中的设置

3.表格

3.1表格的边框调节

3.2背景色的调节

4.类名的用法

【css的基础操作（css语言规范，字体，表格，类名）】相关推荐

最新文章

热门文章