前端入门学习笔记六十五



	
	 
	CSS 分组 和 嵌套 选择器  
		
	
	
		

分组选择器

HTML

CSS

 CSS 分组 和 嵌套 选择器 
分组选择器
在样式表中有很多具有相同样式的元素



	
	 
	菜鸟教程(runoob.com) 
		
	
	
		

HTML

css

盗墓笔记

沙海

CSS 分组 和 嵌套 选择器 
嵌套选择器 
p{ }: 为所有 p 元素指定一个样式。
.marked{ }: 为所有 class="marked" 的元素指定一个样式。
.marked p{ }: 为所有 class="marked" 元素内的 p 元素指定一个样式。
p.marked{ }: 为所有 class="marked" 的 p 元素指定一个样式。



	
	 
	输入框(input) 样式 
		
	
	
		

输入框(input) 样式

CSS 表单 
输入框(input) 样式



	
	 
	输入框(input) 颜色 
		
	
	
		

设置输入框颜色:

输入框(input) 颜色
属性用于修改文本颜色:background-colorcolor



	
	 
	垂直居中对齐 - 使用 padding 
		
	
		
			

HTML

CSS

JS

垂直居中对齐 - 使用 padding
CSS 中有很多方式可以实现垂直居中对齐。

一个简单的方式就是头部顶部使用 padding

你可能感兴趣的:(前端,前端,学习,javascript)