Html和CSS基本用法

2021-03-17 10:24

阅读:592

标签:ble   像素   ora   下划线   lap   ima   设置   info   选择器   

表单标签
技术图片
 

技术图片

 技术图片

技术图片 

CSS 技术

 技术图片

  把 css 样式写成一个单独的 css 文件,再通过 link 标签引入即可复用。

使用 html 的 标签 导入 css 样
式文件

技术图片

 

 技术图片

id 选择器

技术图片

 技术图片

class 选择器(类选择器)

技术图片

组合选择器
技术图片
常用样式:
1、字体颜色
color:red;
颜色可以写颜色名如:black, blue, red, green 等
颜色也可以写 rgb 值和十六进制表示值:如 rgb(255,0,0),#00F6DE,如果写十六进制值必
须加#2、宽度
width:19px;
宽度可以写像素值:19px;
也可以写百分比值:20%;
3、高度
height:20px;
高度可以写像素值:19px;
也可以写百分比值:20%;
4、背景颜色
background-color:#0F2D4C
4、字体样式:
color:#FF0000;字体颜色红色
font-size:20px; 字体大小
5、红色 1 像素实线边框
border:1px solid red;
7、DIV 居中
margin-left: auto;
margin-right: auto;
8、文本居中:
text-align: center;9、超连接去下划线
text-decoration: none;
10、表格细线
table {
border: 1px solid black; /*设置边框*/
border-collapse: collapse; /*将边框合并*/
}
td,th {
border: 1px solid black; /*设置边框*/
}
11、列表去除修饰
ul {
list-style: none;
}

技术图片

 技术图片

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Html和CSS基本用法

标签:ble   像素   ora   下划线   lap   ima   设置   info   选择器   

原文地址:https://www.cnblogs.com/WTBK/p/12787603.html


评论


亲,登录后才可以留言!