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
相关内容
热门资讯
安卓系统把视频设为铃声,如何将...
你有没有想过，手机里的视频竟然能变成铃声？是的，你没听错，安卓系统竟然有这样的神奇功能！今天，就让我...
边锋杭麻圈安卓系统,边锋科技引...
你有没有听说过边锋杭麻圈安卓系统？这可是最近在游戏圈里火得一塌糊涂的存在哦！想象你正坐在家里，手握着...
ios系统能转移到安卓系统,轻...
你有没有想过，有一天你的手机从iOS系统跳转到安卓系统，会是怎样的体验呢？这可不是天方夜谭，随着科技...
安卓系统网络连接查看,安卓系统...
你有没有遇到过这种情况：手机里装了各种APP，可就是不知道哪个在偷偷消耗着你的流量？别急，今天就来教...
什么安卓系统优化的好,打造流畅...
你有没有发现，手机用久了，就像人一样，会变得有些“臃肿”呢？尤其是安卓系统，有时候感觉就像一个老态龙...
手机安卓系统ios系统怎么安装...
你有没有发现，现在手机里的软件真是五花八门，让人眼花缭乱？无论是安卓系统还是iOS系统，都能轻松安装...
按音量键报警安卓系统,安卓系统...
你有没有遇到过这种情况：手机突然发出刺耳的警报声，吓得你心跳加速，还以为发生了什么大事？别担心，今天...
安卓系统改win版系统怎么安装...
你有没有想过，把你的安卓手机换成Windows系统的电脑呢？想象那流畅的触控体验和强大的办公功能，是...
安卓系统如何备份到苹果,轻松实...
你是不是也有过这样的烦恼：手机里的照片、联系人、应用数据等等，突然间就消失得无影无踪？别担心，今天就...
修改安卓系统参数设置,安卓系统...
你有没有发现，你的安卓手机有时候就像一个不听话的小孩子，总是按照自己的节奏来，让你有点头疼？别急，今...
安卓手机gps定位系统,畅享智...
你有没有发现，现在不管走到哪里，手机都能帮你找到路？这都得归功于安卓手机的GPS定位系统。想象你站在...
华为不能安卓系统升级,探索创新...
你知道吗？最近有个大新闻在科技圈里炸开了锅，那就是华为的新款手机竟然不能升级安卓系统了！这可真是让人...
汽车加装安卓系统卡住,探究原因...
你有没有遇到过这样的尴尬情况：汽车加装了安卓系统，结果屏幕突然卡住了，就像被施了魔法一样，怎么也动弹...
电量壁纸安卓系统下载,打造个性...
手机电量告急，是不是又得赶紧找充电宝了？别急，今天就来给你安利一款超实用的电量壁纸，让你的安卓手机瞬...
iPhonex里面是安卓系统,...
你有没有想过，那个我们每天都离不开的iPhone，里面竟然可能是安卓系统？是的，你没听错，就是那个以...
ios系统比安卓系统好在哪里,...
你有没有想过，为什么有些人对iOS系统情有独钟，而有些人却对安卓系统爱不释手呢？今天，就让我带你从多...
安卓系统跟踪设置大小,跟踪设置...
你知道吗？现在智能手机几乎成了我们生活的必需品，而安卓系统作为全球最受欢迎的操作系统之一，它的跟踪设...
在线迎新系统下载安卓,轻松开启...
你有没有想过，开学季的到来，就像一场盛大的狂欢，而在这个狂欢中，有一个小助手，它默默地守护着你的入学...
安卓系统怎么申请微信号,一键申...
你有没有想过，在安卓手机上申请一个微信账号，竟然也能变得如此简单？没错，就是那个我们每天离不开的社交...
安卓手机系统里怎么清理,轻松优...
手机里的东西越来越多，是不是感觉安卓手机系统越来越慢了呢？别急，今天就来教你怎么清理安卓手机系统，让...