![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
WALL-EC
这个作者很懒,什么都没留下…
展开
-
CSS选择器
CSS选择器用于选择你想要的元素的样式的模式。选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p&...原创 2019-10-14 23:48:10 · 106 阅读 · 0 评论 -
CSS中display:inline、block、inline-block的区别
CSS中display:block就是将元素显示为块级元素:总是在新行上开始; 高度、行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度; <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子;display:inline就是将元素显示为行内元素:...原创 2019-10-14 11:23:30 · 212 阅读 · 0 评论 -
CSS中如何调整插入背景图片的大小
在CSS中用background-size属性来设置插入背景图片的大小:background-size使用语法:background-size:length|percentage|cover|containbackground-size:auto; //默认值,不改变图片的高度和宽度length用法:background-size:1024px; ...原创 2019-10-14 10:23:32 · 10884 阅读 · 0 评论 -
CSS3弹性盒子属性及其取值
属性 描述 取值 display 指定HTML元素盒子类型 flex inline-flex flex-direction 指定弹性容器中子元素的排列方式 row:横向从左到右排列(左对齐),默认的排列方式 row-reverse:反转横向排列(右对齐,从后往前排) column:纵向排列 colu...原创 2019-09-18 16:01:38 · 780 阅读 · 0 评论 -
CSS @media查询
@media screen and (max-width: 600px) { .body{ background-color:lightblue; } }以上代码功能是:如果文档宽度小于600像素则修改背景颜色(background-color)。@media screen and (min...原创 2019-09-18 09:09:49 · 154 阅读 · 0 评论 -
CSS中::after和:after的区别
::after表示法是在CSS3中引入的,::符号是指伪元素,:符号是指伪类。 element:after {style properties} /*CSS2语法*/ element::after {style properties} /*CSS3语法*/用于向渲染的元素后...原创 2019-09-17 19:45:36 · 15769 阅读 · 0 评论 -
CSS中盒子模型和box-sizeing属性
盒子模型 一个web页面有许多html元素组成,而每一个html元素都可以表示为一个矩形的盒子,CSS盒模型正是描述这些矩形盒子的存在。 CSS盒模型有四条边:外边距边(Margin edge)、边框边(Border egde)、内填充边(Padding edge)、内容边(Content edge),四条边由内到外把它划分为四个区域:内容区域、内边距区域、边框区域...原创 2019-09-17 19:28:16 · 4862 阅读 · 0 评论 -
CSS padding(填充)简写属性
CSS中,padding可以指定不同的侧面不停的填充:比如:padding-top:30px; //上内边距是30px padding-bottom:60px; //下内边距是60px padding-right:30px; //右内边距是30px padd...原创 2019-09-11 19:37:56 · 2104 阅读 · 1 评论 -
CSS中display属性
CSS中display属性值 描述 none 此元素不会被显示 block 此元素将显示为块级元素,此元素前后会带有换行符 inline 默认。此元素会被显示为内联元素,元素前后没有换行符 inline-block 行内块元素 list-item 此元素会作为列表显示 run-in 此元素会根据上下文作为块级元素或内联元素显示...原创 2019-09-11 16:33:46 · 496 阅读 · 0 评论 -
CSS中的定位属性
CSS中定位的所有属性bottom 属性 说明 值 bottom 定义了定位元素下外边距边界与其包含块下边界之间的偏移 auto length inherit clip 剪辑一个绝对定位的元素 shape auto inherit cursor ...原创 2019-09-10 17:35:34 · 575 阅读 · 0 评论 -
margin和padding的区别
我们在进行网页制作的时候,会遇到margin和padding这两个元素。边距分为内边距和外边距,即: padding:内边距 margin:外边距 如图所示,padding即内边距,它是指内部元素与盒子的边的距离;margin即盒子的外边距,即盒子与其他盒子的距离。...原创 2019-09-10 10:24:57 · 3289 阅读 · 0 评论 -
CSS字体属性
所有CSS字体属性font:在一个声明中设置所有的字体属性 font-family:指定文本的字体系列 font-size:指定文本的字体大小 font-style:指定文本的字体样式 font-variant:以小型大写字体或者正常字体显示文本 font-weight:指定字体的粗细...原创 2019-09-09 19:00:32 · 76 阅读 · 0 评论 -
CSS 文本属性
所有CSS文本属性:color:设置文本颜色 direction:设置文本方向 letter-spacing:设置字符间距 line-height:设置行高 text-align:对齐元素中的文本 text-decoration:向文本添加修饰 text-indent:缩进元素中文本的首行 text-shadow:设置文本阴影 text-transform:控制元素中的字母 ...原创 2019-09-09 15:33:17 · 124 阅读 · 0 评论