HTML学习笔记
唐艽岚
软件工程本科在读
展开
-
HTML5学习笔记-Day6
Day6 浮动(float)标准流:块级元素纵向排列;盒子加了float属性就会脱离标准流-顶端对齐-具有行内块(inline-block)特性常搭配标准流的父元素(约束位置)清除浮动 ——为了避免影响下面的布局不指定父元素高度,随子元素变化①额外标签(隔墙法)<div style="clear: both"></div>②父元素overflow:hidden;隐藏溢出的部分③给父元素添加:after伪元素 (IE 6~7不支持)..原创 2021-07-07 06:18:57 · 75 阅读 · 0 评论 -
HTML5学习笔记-Day5
Day5CSS的层叠性:元素的属性被多次定义,后覆盖前CSS的继承性:子元素继承父元素CSS的优先级:1.选择器相同则执行层叠性2.行内样式style="" > id > 类、伪类 > 元素选择器 > 继承/*通配符选择器盒子模型margin:外边距margin: 5px 15px; /*上下5px,左右15px*/margin: top right bottom left;margin: 0 auto; /*块级盒子水平居中(需要有w.原创 2021-07-07 06:15:45 · 95 阅读 · 0 评论 -
HTML5学习笔记-Day4
Day4 CSS选择器;背景<head><style type="text/css">ul li { color: red; /*后代选择器*/ }.class>p { color: pink; /*子元素选择器*/ }div, span { color: aqua; /*并集选择器*/ }/*伪类选择器*/a { color: #000; text-decoration: none; /*初始化,舍弃缺省*/ }a:link { /*未访问*/ }a:原创 2021-07-07 06:10:47 · 75 阅读 · 0 评论 -
HTML5学习笔记-Day3
Day3 CSS选择器 格式化文本标签选择器 p {}类选择器 .className {key: vakue;}id选择器 #idName {key: value;}通配符选择器 * {key: value}<head><style>//css写在head标签里面body {background-color: red;font-style: normal; // italic-斜体font-weight: normal; // bold(700)粗|bolde原创 2021-07-07 06:06:16 · 67 阅读 · 0 评论 -
HTML5学习笔记-Day2
Day2 表格 表单<table> 属性 //align(对齐方式):center、left、right //border(边框):”1” 或 ””(无边框) //cellpadding(px):单元格与其内容间距 //cellspacing(px):单元格与单元格间距<thead>表头区域 <tr> <th>table head</th> <th>表头单元格原创 2021-05-27 00:15:18 · 99 阅读 · 0 评论 -
HTML5学习笔记-Day1
Day1<!DOCTYPE html> //声明这是一个html5<html lang=”zh-CN”> //lang属性en,fr...<head><meta charset=”UTF-8” /> //文本编码<title>Document</title> //本网页的名字</head><body><p1>最大的标题<...原创 2021-05-27 00:08:48 · 52 阅读 · 0 评论