![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
梦忆安凉
这个作者很懒,什么都没留下…
展开
-
CSS笔记15-外边距
围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白” margin属性 使用margin属性设置外边距,可以是任何长度的单位 可以设置为auto,常见的做法是外边距设置长度值。下面是设置四个边距都一样 p { margin:0.25em; } 也可以分开设置 p { margin-top: 0.25em; margin-right:...原创 2019-09-04 13:42:14 · 300 阅读 · 0 评论 -
CSS笔记14-边框
元素的边框是围绕元素内容和内边距的一条或多线线 边框的样式 使用border-style属性定义边框的样式,样式控制着边框的显示,如果没有样式,将根本没有边框 可以为边框定义多个样式,例如 p { border-style:solid dotted dashed double; } 上面这条规则为段落定义了四种边框样式:实线上边框、点线右边框、虚线下边框和一个双线左边...原创 2019-09-04 11:30:33 · 143 阅读 · 0 评论 -
CSS笔记13-内边距
元素的内边距在边框和内容区之间 padding属性 padding属性定义元素边框与元素内容之间的空白区域。接受长度值或百分比值,但不允许使用负值 如果希望一个元素各边的内边距是一样的,可以这样设置 h1 { padding:10px; } 也可以按照上、右、下、左的顺序分别设置各边的内边距,各边使用不同的单位数值 h1 { padding:10px 0.25...原创 2019-09-04 10:17:17 · 125 阅读 · 0 评论 -
CSS笔记12-轮廓
轮廓是绘制元素周围的一条线,位于边框边缘的外围,起到突出元素的作用 轮廓样式 使用outline-style设置边框样式 p { outline-style:dotted; } 轮廓宽度 使用outline-width属性设置边框宽度 p { outline-style:dotted; outline-width: thick; } ...原创 2019-09-03 16:27:07 · 110 阅读 · 0 评论 -
CSS笔记11-表格
表格边框 使用border属性设置表格边框 table,th,td { border:1px solid black; } 第一个参数是边框的粗细大小,第二个参数是边框的样子,实线还是虚线等。第三个参数是边框的颜色 折叠边框 使用border-collapse属性可以把表格边框折叠为单一边框 table,th,td { border:1px solid b...原创 2019-09-03 15:34:28 · 212 阅读 · 0 评论 -
CSS笔记10-列表
CSS可以改变列表项标志,或者将图像作为列表标志项 列表类型 在列表中,有序列表或无序列表前面都会有圆点或数字,字母。要修改这样的标识。可以使用list-style-type ol { list-style-type: none; } 比如使用none,不使用标志 列表项图像 有时候使用默认图标是不够的,比如实现菜单功能时前面加个图像,这可以使用list-...原创 2019-09-03 14:58:55 · 95 阅读 · 0 评论 -
CSS笔记09-连接
连接的四种状态 a:link - 普通的、未被访问的连接 a:visited - 用户已访问过的连接 a:hover - 鼠标放在连接上方 a:active - 连接被点击时 设置连接样式 能够设置链接样式的 CSS 属性有很多种(例如 color, font-family, background 等等)。 color:连接文字的颜色 text-decoration:是有下划...原创 2019-09-03 13:56:02 · 108 阅读 · 0 评论 -
CSS笔记08-字体
CSS字体属性定义文本的字体系列、大小、加粗、风格和变形 字体系列 在CSS中,有两种不同的字体系列 通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace") 特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier") 除了各种特定的字体系列外,CSS 定义了 5 种通用字体系列: Serif 字体 Sans-ser...原创 2019-09-03 10:27:26 · 106 阅读 · 0 评论 -
CSS笔记07-文本
通过文本属性可以改变文本颜色、字符间距、对齐文本、装饰文本、对文本进行缩进等。 文本缩进 使用text-indent属性可以实现文本缩进,所有块级元素的第一行都可以缩进一个给定的长度。甚至是负值。该属性可以被继承 p { text-indent: 2em; } ps:如果首行有一个图像,该图像也会跟随该行的文本移动 使用负值可以实现很多有趣的效果,比如“悬挂缩进...原创 2019-09-02 18:02:50 · 124 阅读 · 0 评论 -
CSS笔记06-背景
背景色 可以使用background-color来设置元素的背景颜色 p { background: gray; } 如果希望背景色从元素的文本向外延伸,可使用padding增加一些内边距 p { background: gray; padding: 20px; } background-color是不会被继承的,其默认值是transparent,透明...原创 2019-09-02 17:07:16 · 208 阅读 · 0 评论 -
CSS笔记05-元素选择器
元素选择器就是使用HTML的元素 body { background: red; } 比如这样,HTML的body部分的背景颜色就全都是红色的了 元素选择器也可以跟id选择器,类选择器组合使用 比如对class为class_th的th元素设置背景颜色为红色,对id为id_th的th元素设置背景颜色为黄色 th.class_th { background: red...原创 2019-09-02 15:46:48 · 197 阅读 · 0 评论 -
CSS笔记04-类选择器
类选择器以一个.来显示 下面CSS代码中,类为center的都会居中显示 .center {text-align: center} HMTL代码中class是可以重复 <body> <h1 class="center">标题1</h1> <p class="center">段落</p> </body> ...原创 2019-09-02 15:37:25 · 190 阅读 · 0 评论 -
CSS笔记03-id选择器
id选择器 id选择器可以为标有特定id的HTML元素定义样式 id选择器以“#”来定义 下面CSS代码,会根据id设置背景颜色 #id_red { background: red; } #id_blue { background: blue; } HTML代码,id在一个HTML文档中必须是唯一的。 <p id="id_red">红色段落<...原创 2019-09-02 15:11:01 · 185 阅读 · 0 评论 -
CSS笔记02-派生选择器
派生选择器: 根据元素位置的上下文关系来定义样式 比如,希望列表中的strong元素变为斜体字,而不是通常的粗体字。 HMTL代码,只写body部分 <body> <p><strong>段落中的粗体字</strong></p> <ol> <li><strong>列表中的粗体字&l...原创 2019-09-02 14:23:01 · 127 阅读 · 0 评论 -
CSS笔记01-基本语法
CSS用来定义如何显示HTML元素 CSS规则主要由两个部分构成:选择器,以及一条或多条的声明 selector {declaration1; declaration2; ... declarationN } 选择器通常为需要改变样式的HTML元素 每条声明由一个属性和值组成 属性(property)想要设置的样式属性,每个属性都有一只值。属性和值用:隔开 selector ...原创 2019-09-02 13:50:59 · 106 阅读 · 0 评论