爱链接网如何使用,广州网站排名优化费用,深圳品牌网站建设公司哪家好,页面设计原型图阿华代码#xff0c;不是逆风#xff0c;就是我疯 你们的点赞收藏是我前进最大的动力#xff01;#xff01; 希望本文内容能够帮助到你#xff01;#xff01; 目录
一#xff1a;CSS引入
二#xff1a;CSS对元素进行美化
1#xff1a;style修饰
2#xff1a;选… 阿华代码不是逆风就是我疯 你们的点赞收藏是我前进最大的动力 希望本文内容能够帮助到你 目录
一CSS引入
二CSS对元素进行美化
1style修饰
2选择器
1标签选择器
2类选择器
效果①
效果②
3ID选择器
总结
4复合选择器
3font-size
4boder、width、height
5margin、padding内外边距 一CSS引入
CSS(Cascading Style Sheet)层叠样式表, ⽤于控制⻚⾯的样式.
CSS 能够对⽹⻚中元素位置的排版进⾏像素级精确控制, 实现美化⻚⾯的效果. 能够做到⻚⾯的样式和
结构分离.
CSS 可以理解为东⽅四⼤邪术 之化妆术.
对⻚⾯的展⽰进⾏化妆 二CSS对元素进行美化
1style修饰 对所有span标签都设置为了红色这显然是不合适的 我们对span标签进行分类
2选择器
1标签选择器
解释对span的标签进行修饰 效果 2类选择器
在center前加“.”
解释选择class为center的元素 效果① 效果② 3ID选择器 总结 4复合选择器
由多个单选择器组成
ul标签unlist无序列表
ol标签orderlist有序列表
①场景不修改li给ol标签中的li加修饰
ol li ②效果 ③变式类选择器 标签选择器
.order li ④就近原则 你要改成红色但我偏要用蓝 色 按照代码从上往下的顺序谁离得近就是什么颜色 效果 ⑤样式 通常将样式放在header里面保证页面加载时先出样式 1行内样式 适合新手小白 2内部样式 3外部样式 herf外部链接用ctrl鼠标左击点进去。特点非常简洁适合企业开发 3font-size
设置字体大小chrome浏览器默认字体大小为16像素 效果 4boder、width、height
边框边界 px是像素可以理解为字体大小数字越大像素越大字体越大
复合样式由多个样式组成没有先后顺序 ①效果 ②width ③height 重点width、height只对块级元素生效对行内元素不生效——例如对div标签生效对span标签不生效可以理解成div是一个箱子span是一个袋子
块级元素h1~6、p、div
行内元素span、a、 5margin、padding内外边距
重点内外都是相对的看是相对于谁 margin
有上下左右像素单独设置也可以什么都不加就是都设置 遵循上右下左的顺序设置为不同值也可以记为顺时针 也可以单独选设置 设置前 设置后 padding 效果如下
