随笔分类 -  CSS

摘要:圆形 <style> div{ width: 100px; height: 100px; border: 10px solid red;border-radius: 0px 50px 0px 0px; } </style>边框圆角 <style> div{ width: 100px; height: 阅读全文
posted @ 2022-06-05 22:16 xyz王王 阅读(24) 评论(0) 推荐(0) 编辑
摘要:display <!--block块元素inline 行内元素inline-block 是块元素但是可以内联none 消失--><style> div{ width: 100px; height: 100px; border: 1px solid red; display: inline-block 阅读全文
posted @ 2022-06-05 19:28 xyz王王 阅读(65) 评论(0) 推荐(0) 编辑
摘要:.div1{ background-repeat: repeat-x;}.div2{ background-repeat: repeat-y;}.div3{ background-repeat: no-repeat;}渐变色盒子模型 margin 外边距padding 内边距border 边框的颜色 阅读全文
posted @ 2022-06-03 23:58 xyz王王 阅读(25) 评论(0) 推荐(0) 编辑
摘要:字体样式 font 1;文本样式 颜色 RGB RGBA;最后是透明度 2;文本对齐方式 text-align ;center 居中 3;首行缩进 text-indent;缩进 4;行高 line-height: 5;装饰 text-decoration A标签去下划线 6;文图水平对齐 verti 阅读全文
posted @ 2022-06-03 09:52 xyz王王 阅读(34) 评论(0) 推荐(0) 编辑
摘要:层次选择器 1;后代选择器 ;在某个元素后 2;子选择器 3;相邻选择器 4;通用选择器 1;后代选择器 <style> /* p{ */ /*background: #02ff00; */ /* }*/ /*后代选择器*/body p{ background: blueviolet;} </sty 阅读全文
posted @ 2022-06-02 22:13 xyz王王 阅读(286) 评论(0) 推荐(0) 编辑
摘要:选择器 作用;选择页面上的某一类或者能某一个元素。 1;基本选择器 2;类选择器 3;ID选择器 1;基本选择器 <style> <!-- 标签选择器;会喜欢着页面上的所有这个标签元素 --> h1 { color: red; background: #42baff; border-radius: 阅读全文
posted @ 2022-06-02 15:43 xyz王王 阅读(44) 评论(0) 推荐(0) 编辑
摘要:三种导入方式 就近原则 拓展:外部样式两种写法 1;链接 link html常用 <link rel ="stylesheet" href ="css/style.css"> 主用 2;导入 css2.1特有 <style> @import url("css/style.css") <style> 阅读全文
posted @ 2022-06-02 11:15 xyz王王 阅读(30) 评论(0) 推荐(0) 编辑
摘要:如何学习 1;什么事CSS 2;CSS怎么使用 3;CSS选择器(重难) 4;美工(文字,特效,超链接,列表,渐变) 5;盒子模型 6;浮动 7;定位 8;网页动画 什么事CSS cascading Style Sheet 层叠级联样样式表 css;表现(美化网页) 字体,颜色,边距,高度,背景图片 阅读全文
posted @ 2022-06-02 09:57 xyz王王 阅读(38) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示