【零基础入门前端系列】—基础选择器和字体属性(十)

简介: 【零基础入门前端系列】—基础选择器和字体属性(十)

一、全局选择器

二、元素选择器

三、类选择器

四、ID选择器

五、选择器的优先级

行内样式(1000)>ID选择器(100)>类选择器(10)>元素选择器(1)>全局选择器

六、字体属性

font-size

  • 浏览器默认字体大小为16px
  • 浏览器支持的最小字体为12px
  • px绝对单位
  • em相对单位 默认字体为16px 1em=16px 2em=32px

七、颜色的取值(四种方式)

  • 关键字:redblue
  • 十六进制:包含0-9,a-f,#ffffff 简写#fff,#000000 简写#000
  • rgb(0,0,0):黑色 三原色 取值0-255
  • rgba(0,0,0,.5) :a透明度取值0-10:完全透明 1不透明 0.5简写.5

八、文本属性

文本属性是指定元素文本的水平对齐方式

九、列表属性


相关文章
|
6天前
|
存储 JavaScript 前端开发
前端xss攻击——规避innerHtml过滤标签节点及属性
前端xss攻击——规避innerHtml过滤标签节点及属性
46 4
|
6天前
|
前端开发
web前端开发---CSS基础选择器
web前端开发---CSS基础选择器
24 1
|
4天前
|
前端开发
前端 css 经典:选择器速记
前端 css 经典:选择器速记
13 0
|
6天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
6天前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
|
6天前
|
JSON JavaScript 前端开发
前端框架vue的样式操作,以及vue提供的属性功能应用实战
前端框架vue的样式操作,以及vue提供的属性功能应用实战
|
6天前
|
前端开发 容器
【Web 前端】css选择器有哪些?
【4月更文挑战第22天】【Web 前端】css选择器有哪些?
|
6天前
|
前端开发 数据可视化 UED
【Web 前端】标签上title与alt属性有什么区别?
【4月更文挑战第22天】【Web 前端】标签上title与alt属性有什么区别?
|
6天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
22 1
|
6天前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
64 1