html-css样式

lljss20202025-04-18 11:18

1. 所有类型为文本的元素的样式

指定所有类型为文本的元素的样式

bash 复制代码

/* 文本框的样式 */  
input[type="text"] {   
    font-size: 25px;
    width: 80px; /* 文本框的宽度 */  
    padding: 25px;
}  
font-size：字体大小
width：文本框宽度
padding：文字离文本边框，包括左右、上下

在这里插入图片描述

2. 所有label 文字大小

bash 复制代码

label {  
    font-size: 20px; /* 设置所有label元素的文字大小为16像素 */  
}

在CSS中，以.（点）开头的选择器用于选择具有特定类（class）名的HTML元素。这种选择器被称为类选择器。类选择器允许你为具有相同类名的多个元素指定相同的样式

bash 复制代码

.classname { 
/* CSS 规则 */ 
d}
/* 添加到你的CSS文件中 */  
.leftRight-td {  
    display: flex;  
    justify-content: space-between; /* 两端对齐，这样文本和开关会分别靠左和靠右 */  
    align-items: center; /* 垂直居中 */  
}   
 <td class="leftRight-td">                
<label for="Test1">测试</label>
</td>

html-css样式

1. 所有类型为文本的 元素的样式

2. 所有label 文字大小

1. 所有类型为文本的元素的样式