HTML5+CSS3笔记
文章平均质量分 85
HTML5+CSS3笔记
Sunlight_614
怀着勇气追随自己的内心和信念。保持饥饿,保持愚笨。
展开
-
HTML5+CSS3基础学习笔记(五)
浮动和定位一、浮动1.标准流2.选择器{ float:属性值;}3.浮动的特性4.浮动元素和标准流父级搭配使用二、常见网页布局1.浮动布局特点三、清除浮动1.清除浮动的本质2.清除浮动的方法CSS属性编写顺序:一、定位二、网页布局总结三、元素的显示与隐藏一、浮动传统网页布局的三种方式:普通流、浮动、定位1.标准流1.1.标签按照规定好默认方式排列标准流是最基本的布局方式2.选择器{ float:属性值;}2.1.浮动可以让多个块级元素一行内排列显示块级元素纵向排列:标准流块级元素横向排原创 2021-10-29 18:23:14 · 183 阅读 · 0 评论 -
HTML5+CSS3基础学习笔记(四)
一、盒子模型页面布局三大核心,盒子模型、浮动和定位1.看透网页布局的本质1.1.网页布局过程准备好网页元素(基本上都是盒子Box)利用好盒子样式,摆放到相应位置向盒子里装内容利用css摆盒子1.2.盒子模型的组成用盒子来封装border 边框 content内容 padding内边距 margin外边距2.边框2.1.border来设置元素的边框:边框宽度: 定音边框粗细 单位px边框样式: solid 实线 dashed 虚线 dotted 点线边原创 2021-10-27 12:50:20 · 85 阅读 · 0 评论 -
HTML5+CSS3基础学习笔记(三)
HTML5+CSS3基础学习笔记(三)一、Emmet语法1.快速生成HTML结构语法2.快速生成CSS样式语法3.格式化代码二、CSS的复合选择器1.后代选择器2.子选择器3.并集选择器4.伪类选择器三、CSS的元素显示模式1.什么是元素显示模式2.元素显示模式的分类3.元素显示模式的转换四、CSS的背景1.背景颜色2.背景图片3.背景平铺4.背景图片位置5.背景图像固定6.背景复合写法7.背景颜色半透明五、CSS的三大特性1.层叠性2.继承性3.优先级一、Emmet语法1.快速生成HTML结构语法1原创 2021-10-27 00:50:45 · 322 阅读 · 0 评论 -
HTML5+CSS3基础学习笔记(二)
CSS层叠样式表(一)CSS简介CSS基础选择器CSS字体属性CSS文本属性CSS的引入方式chome调试工具原创 2021-10-26 19:01:03 · 413 阅读 · 0 评论 -
HTML5+CSS3基础学习笔记(一)
什么是网页网页由三部分组成:结构、外观、行为结构就是用html来写对网页元素(图片、文本)进行整理和分类外观就是css来写 对板式、颜色、大小等外观进行调整行为就是用JavaScript来写对网页交互的编写HTML语法规范1.标签超文本标记语言由标签组成标签成对出现,而且放在尖括号里<html></html>就是开始和结束标签单标签:<br />2.标签关系可以嵌套、可以并列3....原创 2021-10-19 15:30:00 · 173 阅读 · 0 评论