css基础
naonao0213
这个作者很懒,什么都没留下…
展开
-
黑马H5C3笔记——元素显示模式转换
转换为块级元素:display:block;转换为行内元素:display:inline;转换为行内块元素:display:inline-blockk;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2022-02-22 16:48:23 · 359 阅读 · 0 评论 -
黑马H5C3笔记——元素显示模式
1、什么是元素显示模式?元素显示模式就是元素以什么样的方式进行显示,比如<div>自己占一行。HTML元素一般分为快元素和行内元素。2、块元素常见的块元素: div、p、h1~h6、ul、ol、dl、li、dd、table、hr、table、menu、pre等 块元素的特点: 自己独占一行。 高度、宽度、外边距、内边距都可以控制。 宽度默认是容器(父级宽度)的100%。 里面可以放块元素或者行内元素。注意:文字类...原创 2022-02-22 16:29:51 · 107 阅读 · 0 评论 -
黑马H5C3笔记——focus伪类选择器
focus伪类选择器:用去选取获得焦点的表单元素。(这个选择器主要针对表单元素)使用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w原创 2022-02-22 16:05:04 · 130 阅读 · 0 评论 -
黑马H5C3笔记——链接伪类选择器
<style> /* 未访问的链接 a:link */ a:link { color: #333; text-decoration: none; } /* 访问过的链接 a:visited */ a:visited { color: orange; } /* 鼠标悬停(经过)的链接 a:hover */ a:hover { color: blue; }.原创 2022-02-22 15:58:59 · 322 阅读 · 0 评论 -
黑马H5C3笔记——CSS字体属性
目录1.字体系列注意事项2.字体大小注意事项3.字体粗细注意事项4.字体样式5.font复合属性写法注意事项1.字体系列CSS使用font-family定义文字的字体系列<style> p { /* font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; */ font-family: 'Times New Roman',...原创 2021-11-12 10:50:22 · 187 阅读 · 0 评论 -
黑马H5C3笔记——CSS基础选择器
1、标签选择器特点:可以选择所有相同的标签,不能差异化选择。<head> <style> /* 标签选择器 : 写上标签名 */ 标签名 { 属性1: 属性值1; 属性2: 属性值2; ··· } /* 例子 */ div { color: pink; } </style></head><body>原创 2021-11-10 14:57:54 · 113 阅读 · 0 评论