艾洛_-CSDN博客

原创 H5C3第一天——新增标签、音频、视频、新增input控件、表单属性、属性选择器、禁用按钮、结构伪类选择器、伪元素选择器

什么是HTML5H5 + CSS3 + JS新增标签header　　　头部nav　　　　　导航article　　　　内容section　　　块级aside　　　　侧边栏footer　　　　尾部注：需要转为块级元素　　display:block

2020-09-17 14:34:10 321 4

原创 html css项目实战——favicon图标、meta、title、字体图标、Logo优化、css3的过渡动画、:focus、超链接的假链接

引入favicon图标图标必须放在根目录下<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">三大优化标签关键词：<meta name="keywords" content="书写关键词用逗号隔开 " />关键描述：<meta name="description" content="关键描述，建议不要超过120字 " />标题：<title> 网站标题 &lt

2020-09-14 16:51:29 1117 1

原创 CSS第七天——display、visibility、overflow、鼠标样式、表单轮廓线、vertical-align、margin负值、溢出省略号、精灵图、三角形

显示与隐藏display　　　display:none;　　　隐藏　不占位　　　display:block;　　　隐藏的元素显示出来visibility　　　visibility:hidden;　　隐藏　占位overflow　　　overflow:hidden;　　溢出隐藏　　　scroll　　　auto总结　overflow:hidden超出内容隐藏父子级外边距塌陷时　　父加overflow:hidden清除浮动　　　　　　　父加overflow:hidden用户界面-鼠标样式

2020-09-14 11:51:25 361 3

原创 CSS第六天——定位、z-index、display、鼠标显示手型图标、固定定位盒子放大缩小都跟随版心、让内容超出隐藏并且用省略号

定位　　实现堆叠效果定位模式　+　边偏移　　　　top、bottom／left、right定位属性　position静态定位：　position:static;相对定位：　position:relative;　　　　　　　相对于自己本来的位置　　　　　　　占位　仍在标准流中绝对定位：　position:absolute;　　　　　　　参照：父级／祖先盒子　若无定位　则以浏览器　　　　　　　不占位　脱离了标准流固定定位：　position:fixed;　　　　　　　参照：屏幕（可视窗口

2020-09-11 17:56:13 279 1

原创 CSS第四、五天——普通流、浮动、清除浮动、css属性书写顺序、基线对齐vertical-align

布局三种机制普通流：块级　独占一行　　　行内　一行共存多个浮动：普通流浮起　多个块级　一行显示定位浮动页面效果布局，多个盒子一行显示float：left　right　none特点：脱离了标准流　　　不占位　　　行内块　没有缝隙　父级宽不够盒子掉下一行常见布局左右布局：　左浮动　右浮动左中右布局：左浮动　左浮动　右浮动实际导航nav：　ul嵌套li，li嵌套a　　　　　　　li左浮动，a转块级清除浮动　有时不能给父级盒子设置高度＜１＞最后一个浮动子元素，加上<div s

2020-09-11 17:15:08 257 1

原创 CSS第三天——border、padding、margin与出现的问题、水平居中、插入图片背景图片、css准备工作、圆角、盒子与文字阴影

盒子内容、边框、内边距、外边距边框 border宽度：　　border-width样式：　　border-style：solid　　实线　　　　　　　　　　：dashed　虚线　　　　　　　　　　：dotted　点线颜色：　　border-color综合：　　border：宽　　样式　　颜色取消边框：border：none / 0不同方向：border-left / right / top / bottom细线表格（合并边框）：　　　　　border-collapse：coll

2020-08-04 16:37:05 397 1

原创 CSS第二天——复合选择器、块级行内元素、背景属性、css特性、优先级权重

复合选择器后代选择器：　　空格子元素选择器：　>交集选择器：　　紧跟写不空格并集选择器：　　逗号，链接的类选择器：　　a:link　　　　未访问　　a:visited　　　已访问　　a:hover　　　鼠标经过　　a:active　　　按下鼠标不放时　　实际应用：先总写a —— a:hover标签显示模式块级元素：div、h1–h6、p、ul、li、dl、dt、dd　　　　独占一行，可设宽高　　　　没设宽度，默认父级100%　　　　里面可放行内或块级元素　　　　（p不

2020-07-21 17:53:02 209 1

原创 CSS第一天——引入方式、基础选择器、文字属性、快捷语法

按钮标签<button> </button>CSS 层叠样式表引入方式行内式：<div style=" ;"> </div>内部内嵌式：<head> <style> ...... </style></head>外部链接：<link rel="stylesheet" type=" " href=" .css">基础选择器标签选择器类选择器：　　点 “.

2020-07-20 17:53:32 203 2

原创 HTML第二天——表格、列表、表单元素

表格<table> <tr> <td> </td> </tr></table>表格属性宽　　　　width高　　　　height边框　　　border　　　　无边框　border = 0对齐方式　align = left / center / right外边距　　cellspacing内边距　　cellpadding表头单元格<th>　</th> 默认：加粗居中标

2020-07-10 11:48:53 199 1

原创 HTML第一天——浏览器、Sublime、标签、特殊符号

网页组成部分文字，图片，超链接，音频，视频常见浏览器IE，火狐，谷歌，safari（苹果），Opera浏览器内核　　　　作用：读取网页内容IE：　Trident火狐（Firefix）：　Gecko苹果（safari）：　webkit谷歌（chrome）/ Opera：　Blink移动端　安卓：　webkitweb标准结构：HTML样式：CSS行为：JS超文本标记语言<html> <head> <title> </title&g

2020-07-10 09:58:58 390 1

原创预科班——PS

预科班——PSPS面板结构菜单栏工具属性栏工具栏　工作区　漂浮面板复位窗口——工作区——复位基本功能图层面板F7 / 窗口——图层新建、创建Ctrl + N “像素“ ”RGB颜色“打开拖拽法：另图可拖拽至菜单栏缩放Ctrl + 加号 Ctrl + 减号Ctrl + Alt + 0 100%大小手势移动空格 + 鼠标左键文字工具 T 　　查看字体大小、颜色、行高等psd文件：直接全

2020-07-08 14:40:42 229 1

Aiello001的博客