HTML+CSS(六)

选择器的权重

但样式发生冲突时，谁的权重值高，谁就生效
通用选择器权重值0
标签(元素)选择器、div、p…… 权重值1
类别选择器、.act、.nav…… 权重值10
ID选择器 #btn、#box…… 权重值100
行内样式权重值1000

权重值相加
选择器选择的范围越小越精确优先级越高

css文本属性

文字颜色color：red
字体类型front-family：“华文中宋”
文字大小font-size：26px
字体加粗fond-weight：bold
文字倾斜font-style：italic
首行缩进text-indent：60px
水平对齐方式text-align：center
行高line-heigh：100px
垂直居中line-height:100px;
文本修饰text-decoration：underline

常见图片格式的区别

jpg

gif

png

svg
一般用来保存颜色和形状相对单一的图片

背景图的使用

背景图一般会平铺

取消平铺

背景图位置

元素的浮动布局

(用来做文字的环绕效果)
左右浮动

【HTML+CSS(六)】相关推荐

让她/他心动的告白，页面制作（9个页面+链接+代码，原生HTML+CSS+JS实现）
文章目录一.pikachu告白信件 1.效果图 2.代码 1.envelope.html 2.envelope.css 3.pikachu.html 4.pikachu.css 二.告白小宇宙 1. ...
【CSS】关于CSS的几种移动端布局方式
关于CSS的几种移动端布局方式一.移动端布局 01.meta视口标签设置 02.移动布局的分类有哪些? 03.为什么需要二倍图? (1)物理像素和物理像素比 (2)二倍图(根据需要确定多倍图) (3 ...
【CSS基础语法】CSS基础语法知识学习笔记汇总
CSS基础语法前言一.样式定义方式 1.html 2.css 二.选择器 1.html 2.css 三.颜色 1.html 2.css 四.文本 1.html 2.css 五.字体 1.html ...
Firebug入门指南
本文是Firebug的一个概览,并不对它的所有特性进行详尽解释.不过,本文的内容对一个新手来说,应该是足够了. 目录一.安装Firebug 二.打开和关闭Firebug 三.Firebug窗口概览 ...
【人机交互】课程知识点梳理及习题
目录 1 人机交互绪论 2 感知和认知基础 3 人机交互设备 4 交互技术 5 界面设计 6 人机交互界面表示模型与实现 7 Web界面设计 1 人机交互绪论 1.人机交互:关于设计.评价和实现供人们 ...
React 基础案例 | 支持左右按钮点击查看信息的卡片组件（二）
一.开篇大家好,本篇文章小编将和大家一起实现一个用左右点击的方式翻看卡片信息的组件,这个组件很常用,一般会在网站上显示案例或团队成员的信息.通过本案例我们继续练习 useState Hook 在实际 ...
Firebug初级教程
据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一. 我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来. ========= ...
网站开发需要哪些技术_网站建设需要掌握哪些技术
网站搭建原理 1.认识网站虚拟空间:虚拟空间是用来存放网站文件的.如:图片信息,html文件,php文件等.虚拟空间相当于一个硬盘空间,只是这个空间可以被互联网用户以网址或IP地址的形式访问. 网站搭 ...
使用uni-app零起点开发微信小程序
目录简介一.条件准备二.开发学习四部曲三.开发规范四.项目目录结构五.资源路径说明六.生命周期七.路由.路由跳转.页面栈八.运行环境判断九.页面样式与布局 9.1.尺寸单位 9.2 ...

【HTML+CSS(六)】

文章目录