border | 易学教程

终端块状元素

阅读更多关于终端块状元素

以下的CSS属性哪些可以继承？（单选） A. font-size B. margin C. width D. padding emmm，这题答案是A，看到这题我是能选对的，但又不由让我想到一件事情，在全部的CSS属性里有哪些是不可被继承，哪些是可以的？百度一手后发现，emmm不可继承的属性有点多，那稍微记下可继承好了，又转载KerwinLee的博客一手 CSS中可以和不可以继承的属性一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border

CSS中可以和不可以继承的属性

阅读更多关于 CSS中可以和不可以继承的属性

一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom

css margin知识全集

阅读更多关于 css margin知识全集

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？…… 写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写下这篇文章，一来是自己工作中的总结，也是对自己知识的一次梳理。 Margin是什么 CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界，元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。——CSS权威指南我比较喜欢使用“外边距”这个词来解释margin（同理padding可以称之为“内边距”，但是我又恰恰喜欢称呼padding为“补白”或者“留白”），我们可以很清楚的了解到margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目的。 Margin的特性 margin始终是透明的。 margin通过使用单独的属性，可以对上、右、下、左的外边距进行设置。即：margin-top、margin-right、margin

常用CSS标签1——属性

阅读更多关于常用CSS标签1——属性

一、属性 1、字体 font 1）font: font-style; font-variant; font-weight; font-size; font-height; font-family. 2) color: 指定颜色，写法：十六进制值（或者简写）； rgb（）函数； css承认的颜色名。 3）font-family: 在后面直接输入名字，如果有英文，尽量用引号引起来。 4）font-face(导入外部字体) @font-face{ font-family src:url("url"); } 必须记住导入外部字体后，要进行引用。 5）font-size: A、absolute-size 绝对大小： xx-small; x-small; small; medium; large; x-large; xx-large. B、 relative-size 相对大小： larger; smaller. C、length 长度：常以px为选项。 D、百分比：其百分比取值是基于父对象中字体的尺寸。 6）font-style (字体的样式)： normal(正常); italic和oblique（斜体）. 7）font-weight(字重): normal(正常=400); bold(加粗=700); bolder(特粗，只在IE5中可行); lighter(细体，

CSS样式表

阅读更多关于 CSS样式表

使用CSS样式的方式 HTML <!DOCTYPE>声明标签（H5声明标签）（1）内链样式表：<body style="background-color:green; margin:0; padding:0"></body> （2）嵌入式样式表：<style type="text/css"></style>（需要将样式放在<head></head>）（3）引入式样式表：<link rel="StyleSheet" type="text/css" href="style.css">（需要将样式放在<head></head>）定义样式表 HTML标记定义 <p>...</p> p{属性：属性值；属性1：属性值1} 一个选择器可以控制若干个样式属性，他们之间需要用英语的“;”隔开，最后一个可以不加; Class定义<p class="p">...</p> class定义是以"."开始如.p{属性：属性值；属性1：属性值1} ID定义<p id="p">...</p> ID定义是“#”开始的，如#p{属性：属性值；属性1：属性值1} 优先级问题（1）ID>Class>HTML （2）同级时选择离元素最近的一个，如 #p{color:red} 　　　#p{color:#f60} 执行颜色为#f60 组合选择器（同时控制多个元素）如，h1,h2,h3{font-size

第三十七天

阅读更多关于第三十七天

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>border</title>  <style type="text/css"> .bd { width: 100px; 　　height: 100px; background-color: transparent; } .bd { /*border: 50px solid orange;*/ border-top: 50px solid orange; border-right: 50px solid cyan; border-bottom: 50px solid yellow; border-left: 50px solid blue; /*border-right: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid transparent;*/ } </style>  <style type="text/css"> .bd { width: 0; height: 0; } .bd { border-top: 50px solid orange; border-right: 50px

border-style

阅读更多关于 border-style

none 定义无边框。 hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。 dotted 定义点状边框。在大多数浏览器中呈现为实线。 dashed 定义虚线。在大多数浏览器中呈现为实线。 solid 定义实线。 double 定义双线。双线的宽度等于 border-width 的值。 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。 ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。 inset 定义 3D inset 边框。其效果取决于 border-color 的值。 outset 定义 3D outset 边框。其效果取决于 border-color 的值。 inherit 规定应该从父元素继承边框样式。来源： https://www.cnblogs.com/500m/p/10545835.html

盒子模型

阅读更多关于盒子模型

一.边框 1.颜色：border-color 2.边框粗细：border-width a.thin 细 b.medium 默认值，中，2PX c.thick 粗 d.像素值 3.边框风格：border-style a.none 无 b.hidden c.dotted 点线 d.solid 实线 e.double 双线上右下左简写：a.border-bottom:9px #216 dashed b.border:9px #524 dashed 二.边距 1.内边距：margin 2.外边距：padding 三.标准文档流 1.组成： a.块极元素(换行)：（block level） <h1><p><div>列表 b.内联元素（不换行）：（inline） <span><a><img/><strong> 内联元素可以包含块级标签中，成为它的子元素，而反过来则不成立。 2.display属性 a.控制元素的显示和隐藏 b.块级元素与行极转换值说明 block 块级元素默认值换行符 inline 内联元素默认值无换行符 none 设置元素不会被显示来源： https://www.cnblogs.com/pohuaiwang/p/6927483.html

CSS盒模型

阅读更多关于 CSS盒模型

目录元素分类元素分类--块级元素元素分类--内联元素元素分类--内联块状元素盒模型--边框（一）盒模型--边框（二）盒模型--宽度和高度盒模型--填充盒模型--边界元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素) 和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input> 元素分类--块级元素什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置 display:block 就是将元素显示为块级元素。如下代码就是将内联元素a 转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度

CSS盒模型

阅读更多关于 CSS盒模型

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素) 和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input> 元素分类--块级元素什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置 display:block 就是将元素显示为块级元素。如下代码就是将内联元素a 转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。元素分类--内联元素在html中，<span>、<a>、<label>、<input>、 <strong> 和

订阅 border