css系统化学习
创始人
2024-05-29 15:22:22
0次
元素的语义化
SEO:搜索引擎优化
根据搜索引擎展示的规律,语义化的元素更容易被展示获得更多浏览量
字符编码
css历史
内联样式(inline)
style="内容全写在等号后面,双引号里面,多个之间用;隔开"
内部样式(internal)
style写在head里面,在title下面,不是在body内,
外部样式(external)
link标签的href是文件的相对地址
通过index文件只引进一个link
以下二种写法效果无区别
此法适用于引入多个css文件时使用,把所有的引进css写在一个文件内
css注释
html注释
/**/css注释,在style里面写注释会自动切换为css注释
css常用元素
fz是字体大小快速选择
color是字体颜色
bgc是背景色的快速选择
block默认独占一行
让两个div在同一行,使用display:inline-block
让两个高度不同的div上面是一条线:vertical-align: top;
link元素
link通常写在head内,title下,不在body内部
一个tip:点击某个元素右键检查,可以直接定位到源代码
css设置颜色
000是黑色,三个255是白色
由#加上6位16进制组成或者rgb括号内三个数字
浏览器渲染过程
第一步,浏览器拿到index.html,对html文档进行解析得到dom树,在这个过程中加载css并等待其解析完成再附加到dom树上一起展示
文本相关的css样式
text-decoration(文本线)
a标签默认有下划线
下划线:underline
删除线:line-through
上划线:overline(几乎不用)
去掉超链接下的默认下划线
text-transform(切换大小写)
capitalize是首字母大写
但是一般用js实现此操作
text-indent(首行缩进)
p{
text-indent: 30px;
}
em相对于字体大小的n倍
text-align(重要)
进度57p
相关内容
热门资讯
122.（leaflet篇）l...
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行...
育碧GDC2018程序化大世界...
1.传统手动绘制森林的问题 采用手动绘制的方法的话，每次迭代地形都要手动再绘制森林。这...
育碧GDC2018程序化大世界...
1.传统手动绘制森林的问题 采用手动绘制的方法的话，每次迭代地形都要手动再绘制森林。这...
Vue使用pdf-lib为文件...
之前也写过两篇预览pdf的，但是没有加水印，这是链接：Vu...
PyQt5数据库开发1 4.1...
文章目录 前言 步骤/方法 1 使用windows身份登录 2 启用混合登录模式 3 允许远程连接服...
Android studio ...
解决 Android studio 出现“The emulator process for AVD ...
Linux基础命令大全（上）
♥️作者：小刘在C站 ♥️个人主页：小刘主页 ♥️每天分享云计算网络运维...
再谈解决“因为文件包含病毒或潜...
前面出了一篇博文专门来解决“因为文件包含病毒或潜在的垃圾软件”的问题，其中第二种方法有...
南京邮电大学通达学院2023c...
题目展示 一.问题描述 实验题目1 定义一个学生类，其中包括如下内容： （1）私有数据成员 ①年龄 ...
PageObject 六大原则
PageObject六大原则： 1.封装服务的方法 2.不要暴露页面的细节 3.通过r...
【Linux网络编程】01：S...
Socket多进程 OVERVIEWSocket多进程1.Server2.Client3.bug&...
数据结构刷题（二十五）：122...
1.122. 买卖股票的最佳时机 II思路：贪心。把利润分解为每天为单位的维度,然后收...
浏览器事件循环
事件循环 浏览器的进程模型 何为进程？ 程序运行需要有它自己专属的内存空间...
8个免费图片/照片压缩工具帮您...
继续查看一些最好的图像压缩工具，以提升用户体验和存储空间以及网站使用支持。 无数图像压...
计算机二级Python备考（2...
目录 一、选择题 1.在Python语言中： 2.知识点 二、基本操作题 1. j...
端电压 相电压 线电压
记得刚接触矢量控制的时候，拿到板子，就赶紧去测各种波形，结...
如何使用Python检测和识别...
车牌检测与识别技术用途广泛，可以用于道路系统、无票停车场、车辆门禁等。这项技术结合了计...
带环链表详解
目录 一、什么是环形链表 二、判断是否为环形链表 2.1 具体题目 2.2 具体思路 2.3 思路的...
【C语言进阶：刨根究底字符串函...
本节重点内容： 深入理解strcpy函数的使用学会strcpy函数的模拟实现⚡strc...
Django web开发(一)...
文章目录前端开发1.快速开发网站2.标签2.1 编码2.2 title2.3 标题2.4 div和s...