一.css需要的html(采用html5标准) DTD,文档类型声明: <!Doctype html> 文本编码声明: <meta charset="utf-8">,或者<meta http-equiv="content-type" content="text/html;charset=utf-8"> 为了保证总是以标准的兼容模式打开: <meta http-equiv="X-UA-Compat…
1. 文件结构: HTML文件的固定结构: <html> <head>...</head> <body>...</body> </html> html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: <head> <title>...</title>…
css基本知识 我们先看一个小例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="background-color:#2459a2;height: 48px;">1…
CSS, Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离. 举例:颜色,大小,高度.宽度.内外边距.边框.浮动.定位.字体.居中.超出[overflow].下划线.显示[display].分层.透明度[opc]        +     :hover,:after,:before,圆角 css的引入方式 css的四种引入方式: 1. 行内式 2. 嵌入式 3. 链接式 [推荐使用,没有css文件的数量限制且在HTML…
HTML基本知识 学习html首先我们先看看HTML本质: web框架本质 我们在学socket,我们创建一个socketserver,然后运行起来,有一个client客户端要连接socket服务端,连接上之后,如果两边都没有close,就一直不断开,可以不断的进行请求. 那我们说一个网站,我们在服务器端运行我们的网站,所有的客户端就可以通过浏览器访问我们写的网站,所以我们用的iis,apache等它们本质上就是一个socket服务端,而我们打开的浏览器就是client端,进行数据传输. 我们如…
1.常用页面布局 效果图: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css</title> <style type="text/css"> body{ margin: 0px; /* margin: 0px; 网页内容距离浏览器上下左右的距离都是0像素*/ /* margin: 5px 10px;…
选择器 元素选择器# 文档元素为最基本的选择器 例子:div{属性:值}; 选择器分组 例子:h2,p{属性:值}; 表示符合这两种规则的元素设置相同的属性值 通配选择器 表示所有元素 类选择器 应用样式而不考虑具体涉及的元素 只需要在元素中设置class属性.例如:.header{属性:值} 多类选择器 .header .info{属性:值} Id选择器 根据元素的ID设置样式属性值 例如:#divId2{属性:值} 属性选择器 根据元素的属性值,来选择元素: 例如: a[href][titl…
为一个元素后边的元素设置css样式: 语法:前一个 + 后一个. 作用:可以选中一个元素后紧挨着的指定的兄弟元素. 为一个元素后边的所有相同元素设置css样式: 语法:前一个 ~ 后边所有. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1 +…
https://www.cnblogs.com/clschao/articles/10073124.html…
经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构: HTML文件的固定结构: <html> <head>...</head> <body>...</body> </html> html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: <head…