![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 52
CNsurly
可口可乐都没你乖觉
展开
-
css_10_其他样式
其他样式关于input标签选中边框input{ border:none; /* 可以去掉元素选中默认出现的边框 */ outline:none;}显示省略号p{ width:100px; border:1px solid black; /* 超出显示省略号 */ text-overflow:ellipsis; /* 不换行 */ white-space:nowrap;原创 2021-12-09 08:56:16 · 211 阅读 · 0 评论 -
css9_定位_overflow_可替换元素与不可替换元素
定位position属性进行元素定位div{ width:400px; height:400px; background:gold; /* position:absolute; 表示绝对定位 */ /* position:relative; 表示相对定位 */ position:absolute; /* 定位之后,可以通过left、top、right、bottom进行位置定位 */ left:500px; top原创 2021-12-09 08:54:32 · 273 阅读 · 0 评论 -
css_8_display_伪类对象_浮动
displaydisplay属性值属性作用display:none;元素被隐藏,元素在页面不占位置===透明隐藏会占位置===display:none; opacity:0;===设置边距也会占位置===display:none; margin:100px;属性值作用display:block将元素转为块级元素display:inline将元素转为行间元素display:inline-block将元素转为原创 2021-12-07 13:09:18 · 197 阅读 · 0 评论 -
css_7_盒子模型
盒子模型边框线border<div id="box"> xxxx</div><style> #box{ width:200px; height:200px; background:transparent; /**透明色/ /* 边框的属性 */ border-width:10px; border-color:red; border-s原创 2021-12-07 13:05:38 · 106 阅读 · 0 评论 -
css_6_背景_圆角_a标签相关伪类_鼠标指针样式_ul去点
背景常用属性div{ /* 背景颜色 */ background-color:red; /* 背景图片 */ background-image:url("图片路径"); /* 设置背景图片重复 */ background-repeat: no-repeat;/* 不重复 */ /* 设置背景图片的位置 */ /*background-position:100px 200px;*/ background-positi原创 2021-12-07 13:02:47 · 279 阅读 · 0 评论 -
css_5_文本垂直居中方式_颜色取值方式_透明度
文本垂直居中<div> xxxxxxxxxxxx</div><style> div{ width:500px; height:500px; /* 文本水平居中 */ text-aligh:center; /* 加行高让文本垂直居中 */ line-height:500px; }</style><div>原创 2021-12-07 13:00:14 · 113 阅读 · 0 评论 -
css_4_字体样式_文本样式_hover伪类
字体样式字体属性作用font-size设置字体大小(最小12px)font-weight文字加粗(bold,100-900)font-family字体(宋体、楷体…)font-style文字风格(normal[正常]、italic[倾斜])font同时包含以上四个属性(像这样的属性我们一般称作为复合属性)font设置的先后顺序h1{ font: 字体风格 字体加粗 字体大小 字体; /* font属性必须有原创 2021-12-07 12:58:51 · 134 阅读 · 0 评论 -
css_3_样式优先级_后代选择器_并集选择器_交集选择器
样式的优先级id选择器 >class选择器> 标签选择器行内样式优先级>内部与外部样式内部样式与外部样式,后面的会覆盖前面的一般link会写在style前后代选择器<style> /* 希望只把 box下的p标签改变背景*/ /* 后代选择器:特点是以一个空格隔开 */ .box p{ background-color:gold; }</style><div class="box">原创 2021-12-07 12:55:30 · 245 阅读 · 0 评论 -
css_2_css样式分类
CSS样式分类行内样式样式可以写在标签里面,这样的一种写法叫行内样式<!-- 行内样式只对标签内的内容生效 --><h1 style="color:red;font-size:100px"> 小米小红</h1>内部样式样式写在style标签里我们称作为内部样式<!-- 样式写在style标签里我们称作为内部样式 --><style> h1{ color:red; }</style&原创 2021-12-07 09:29:37 · 114 阅读 · 0 评论 -
css_1_基本使用
语法格式_选择器语法: 选择标签(标签/class名/id名){ css的属性名:属性值, }<h1> 行行行</h1><!-- 两个同名id css的样式都会变绿,但是id的唯一性建议同一个页面不能有同名的id --><h1 id="hzz"> 窝窝窝</h1><h1 id="hzz"> 可怜</h1><!-- 两个同名class 可以同名--><h1原创 2021-12-07 09:28:07 · 95 阅读 · 0 评论