HTML+css基础三大列表

【HTML+css基础三大列表】的更多相关文章

HTML+css基础三大列表

三大列表: 1.无序列表 ul 标签属性type 决定项目符号的类型 disc(实心圆)square (方形) circle 空心圆里面的子标签是li 2.有序列表 ol type=”1/a“ 里面的子标签是li 3.自定义列表 dl 里面的字标签有dt 列表标题 dd就是列表项一般情况下要求是去掉项目符号. 列表的css样式 List-style:none:去掉前面的项目符号注意:列表自带内间距.不加内边距 p…

css基础-盒子模型+背景和列表

border-style的值: none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin: 垂直方向两个相邻元素都设置了外边距,那么外边距会发生合并合并高度=两个发生合并的外边距中的较大值元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框元素在页面中实际所占的高度是:上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距 hover属性实现鼠标悬停时显示子元素: <!DOCTYPE html> <html>…

HTML+CSS基础知识（2）选择器的使用、盒子模型的讲解、列表的使用

文章目录 1.CSS基础知识 2.css样式 2.1.代码: 2.2 测试结果 3.CSS的语法 3.1 代码 4.块元素和行内元素 4.1 代码 4.2 测试结果 5.常用的选择器 5.1 代码块 5.2 测试结果 6.父类和子类选择器 6.1 代码 6.2 测试结果 7.列表 7.1 代码 7.2 测试结果 8.盒子模型 8.1 代码 8.2 测试结果 9.内边距 9.1 代码块 9.2 测试结果 10.外边距 10.1 代码块 10.2 测试结果 11.块元素和行内元素.display 1…

HTML&CSS基础学习笔记—创建列表

创建一张表格很多时候我们需要在网页上展示一些数据,使用表格可以很好的来展示数据. 在HTML中<table>标签定义表格. <table> </table> 添加一行 <table>标签相当于定义了一个表格容器.我们现在要创建表格的行,等会我们再创建列. 标签<tr>表示<table>里的行,在<table>里嵌套了几个完整的(拥有开始标签和闭合标签的)<tr>标签就表示这个<table>有几行…

第五模块：WEB开发基础第1章·HTML&CSS基础

01-前端介绍 02-HTML介绍 03-HTML文档结构 04-head标签相关内容 05-常用标签一之h1~h6,p,a 06-常用标签一之ul.ol.div.img.span 07-常用标签二-table标签 08-常用标签二之form标签 09-常用标签二之表单控件 10-常用标签分类和嵌套规则 11-css的介绍和感知 12-css的三种引入方式 13-标签选择器 14-id选择器 15-类选择器 16-如何正确的使用类选择器及总结 17-高级选择器 18-属性选择器 19-伪类选择器…

【自编教材】16万8千字的HTML+CSS基础适合从0到1-可收藏

[图片链接有点小问题,这几天更新,敬请期待!] 目录第一章HTML基础 1.1 HTML简介和发展史 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.1.3 web标准 1.2 开发中常见概念解释 1.2.1前端 1.2.2后台 1.2.3 浏览器 1.3 纯文本和超文本的使用 1.4 开发工具的使用 1.4.1常见开发工具简介 1.4.2 Visual Studio Code 1.4.3 编写第一个HTML文件 1.5 HTML骨架 1.5.1 DTD 1.5.2 html…

css 基础---选择器

1.css基础 selector {property: value} eg: h1 {color:red; font-size:14px;} p { text-align: center; color: black; font-family: arial; } h1,h2,h3,h4,h5,h6 { color: green; } 希望列表中的 strong 元素变为斜体字,而不是通常的粗体字,可以这样定义一个派生选择器: li strong { font-style: italic; font…