![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html笔记
文章平均质量分 56
Magic夜灵
编程菜鸟夜灵的日常...
展开
-
夜灵的Html笔记Day06——群组、后代、伪类选择器,尺寸、边框、倒角、阴影、盒子模型
复习 : 类名不可以数字开头 $,¥,%,@,# 可以包-,_ am: 4.id选择器 语法:#value{ 样式声明 .... } 特点:使用元素所附带的id属性值进行样式的声明定义 eg: 5.群组选择器 定义一组选择器的公共样式 选择之间用逗号隔开 eg:原创 2017-09-04 20:33:05 · 481 阅读 · 0 评论 -
夜灵的Html笔记Day10——浏览器兼容性、复杂选择器
5、浏览器兼容性 渐变:CSS3 提出的新属性 C3新属性,放在 老版浏览器中 支持性不好! 目前为止,主流浏览器的主流版本,对C3支持性特别好! 但对于不支持C3新属性的版本浏览器,需要通过增加 "浏览器前缀"实现兼容性 常用浏览器前缀: 1、Firefox : -moz- 2、Chrome & Safari : -webkit- 3、原创 2017-09-11 20:14:56 · 239 阅读 · 0 评论 -
夜灵的Html笔记Day09——定位、渐变
23.重点(***) 1.相对定位 2.绝对定位 3.固定定位 1.定位 语法:position 取值: 1.static 默认值 2.relative 相对定位 3.absolute 绝对定位 4.fixed 固定定位 **:如果元素设置为 相对原创 2017-09-11 20:12:44 · 243 阅读 · 0 评论 -
夜灵的Html笔记Day05——CSS样式继承、基础选择器
1.css样式特征 1.继承性 大部分样式属性可以子元素继承 body{ color:red; } 继承body的样式特征 2.层叠性 为一个元素定义多个选择器时,当样式声明不冲突时, 多个样式层叠为一个元素所应用 3.优先级 如果样式冲原创 2017-09-01 17:33:00 · 226 阅读 · 0 评论 -
夜灵的Html笔记Day04——CSS3basic
css3basic 1.CSS概述 1.?? html网页中,让所有div的内容变成红色? html网页中,让所有p标签的内容变成蓝色? htlm网页中,让所有表格table中的td内容居中显示?? html属性的不足? 1.相同的事情 要用不同的属性完成 **:可重用性较低原创 2017-08-31 19:29:35 · 267 阅读 · 0 评论 -
夜灵的Html笔记Day03——列表、H5结构标记、表单、Iframe
1.列表 将具有相似特征或者具有先后顺序的内容按照从左往下(从左向右)的顺序排列 1.列表类型 1.有序列表: order list 2.无序列表: unorder list 列表项: list item 1.1有序列表 语法: 内容 .... .原创 2017-08-30 21:00:32 · 346 阅读 · 0 评论 -
夜灵的Html笔记Day02——文本、分区元素、图像、链接、表格
1.文本(重点) 1.特殊符号 空格 (默认空格会折叠,文档只解析一个) > >大于号 < © @ 版权符号 @yen; ¥ 2.文本标记 1.文本样式 内容 斜体 内容 下划线 内容 删除线 内容 加粗 内容原创 2017-08-30 20:51:12 · 320 阅读 · 0 评论 -
夜灵的Html笔记Day01——Html基础
1.网络 Internet?实际上由多个计算机所组成的网络结构。 1.1提供的服务? email:邮件服务 ftp:文件的上传和下载 bbs:电子公告栏,百度贴吧 telnet:远程登录 2.web的工作原理: 基于 浏览器/服务器 模式的程序(B/S) 3.客户端访问服务器? 域名,服务器的原创 2017-08-30 20:36:51 · 240 阅读 · 0 评论 -
夜灵的Html笔记Day14——H5新表单、视频音频
布局: viewport缩放 媒体查询 media rem布局 vw+rem布局 --------------------------------------------- 1.h5新属性 1.新的语义标签 2.新的表单元素 3.音频和视频 4.Canvas 5.内联SVG 6.拖放 7.地原创 2017-09-15 11:56:29 · 200 阅读 · 0 评论 -
夜灵的Html笔记Day13——CSS3过渡、animation动画
1、CSS3-过渡 1、什么是过渡 使得CSS属性值,在一段时间内,平缓变化的一个效果 2、过渡的要素 & 属性 1、指定过渡属性(必须的) 作用:指定哪个 css属性值,在变化时要使用过渡的效果 语法:transition-property 取值: 1、none 默认值,不使用过渡 2、all 能使用过渡效果的属性全部都使用过渡 3、具体属性名称 ex: tra原创 2017-09-15 11:48:42 · 366 阅读 · 0 评论 -
夜灵的Html笔记Day12——CSS Hack、CSS3转化
1、CSS Hack 1、作用 做IE浏览器的兼容性 2、IE浏览器中的3种模式 1、混杂模式 没有标准的模式 2、准标准模式 即支持标准,同时又向前兼容非标准代码 3、标准模式 只支持W3C的标准规范,不支持非标准代码 不同的模式主要是对 CSS(框模型) 以 JS解析会有不同的解析效果 3、CSS Hack 根据不同的IE浏览器版本,去执行不同的CSS代码 原理:原创 2017-09-15 11:46:25 · 229 阅读 · 0 评论 -
夜灵的Html笔记Day08——css属性详细设置、雪碧图、定位
1.尺寸属性: 宽,高 单位: px % 语法:width max-width 最大宽 min-width 最小宽 **:块级元素默认宽是100% 行内默认内容宽 height max-height 最大高 min-height 最小高 **:所有元素的高由内容原创 2017-09-07 08:57:50 · 444 阅读 · 0 评论 -
夜灵的Html笔记Day07——浮动、背景、文本格式化、列表
1.浮动 1.什么是定位? 定位:页面上的元素,出现的位置 2.定位分类 1.普通流定位 2.浮动定位 3.相对定位 4.绝对定位 5.固定定位 3.普通流定位 又称文档流定位,他是页面元素默认的定位方式 文档流的规范: 1.块级元素 从上往下排列,独占一行 2.行内元素 从左原创 2017-09-06 16:42:53 · 178 阅读 · 0 评论 -
夜灵的Html笔记Day11——弹性盒子布局
3、弹性布局 1、什么是弹性布局 弹性布局(Flexible box),简称为 :flex布局。指定某元素中的子元素的排列布局方式。 弹性布局容器:简称 "容器",使用弹性布局属性的元素,其子元素能够按照弹性布局的方式进行排列 弹性布局项目:简称 "项目",弹性布局容器中的子元素,允许按照弹性布局的方式进行排列 语法: 属性:display 取值: 1、flex 作用:将原创 2017-09-11 21:17:54 · 417 阅读 · 0 评论