WYMOUBIAO-CSDN博客

原创 css学习的第七天第八天

z-index提升选择器优先级。定位：position：static默认/absolute绝对定位/relative相对定位/fixed固定定位/sticky粘性定位；让一个元素在浏览器窗口上下左右居中1.position：fixed；left：50%；top：50%；margin-left：元素宽的一半；margin-top：元素高的一半；子元素的宽高知道的时候。2.Position：f...

2020-03-31 22:23:46 89

原创 css学习的第五天第六天

元素类型：1.块状元素block是一个矩形区域。块状元素一般独占一行，会上下排列。可以自定义宽和高。一般作为容器使用。div dl dt dd from h1~h6 hr ol p ul li fieldset表单字段集 colgroup-col表单列分组元素 table-tr-td表格行单元格2.内联元素inline在行内逐个显示。宽高不能自定义是根据内容决定的。也会遵循盒模型基本规则，...

2020-03-27 20:03:02 86

原创 css学习的第三天第四天

盒模型：margin1.margin是长在元素之外的2.Margin是控制同级元素的位置关系3.Margin不会对盒子本身的宽高造成影响4.可以给单一方向添加margin值5.Margin设置值的方法和padding一样6.Margin可以设置负值7.Margin常出现的bug：margin-top传递问题，子元素会传递给父元素；上下相关的两个元素之间margin会叠加；后者的解决办...

2020-03-25 23:06:20 142

页面布局：通栏和版心；版心左右居中margin：0 auto；列表css属性：list-style-type：circle/square/none；list-style-image：url（）能把图片作为列表符号；list-style-position：inside符号在内容区域里面/outside符号在内容区域外面；list-style：none去掉列表默认样式；边框：border-widt...

2020-03-24 09:05:15 81

原创 css学习的第一天

Css文本属性,浮动Css文本属性：font-size字体大小；color字体颜色；font-family字体类型；font-weight：bolder（更粗的）/bold（加粗）/normal（常规）/100-900字体加粗；font-style：italic/oblique/normal字体倾斜和取消倾斜；line-height：normal/value字体行高，当行高等于容器高时文本上下居...

2020-03-20 20:03:46 89

原创 html5学习的第四天

层叠样式表：内联样式表，内部样式表，外部样式表层叠样式表的权重：内联最高，内部和外部是后写的给前面写的相同的属性和属性值给覆盖了，不同的样式会继承；Css的选择器：id选择器，class选择器，通配选择器，群组选择器，标签选择器，层次选择器，属性选择器，伪类选择器。网页的上下布局。如下图所示：鼠标移入白色盒子之后背景色变为黄色。...

2020-03-19 19:33:18 59

原创 html学习的第三天

表格，表单和css入门。表格属性及属性值：table，tr，th，td；cellpadding单元格内的空间；cellspacing单元格与单元格的空间；rowspan合并行；colspan合并列；align左右对齐方式left，center，right；valign上下对齐方式top，middle，bottom；表单的属性及属性值：from，action=”url”提交地址；method=“...

2020-03-18 21:15:53 97

原创 html5学习第二天

h1~~h6标题标签；img图片引入标签；p段落标签；div布局标签；span文本修饰标签；b，strong文本加粗标签；i，em文本斜体标签；sup上标题标签；sub下标题标签；a超链接标签；ul，li无序列表标签；ol，li有序列表标签，dl，dt，dd定义列表标签；br换行标签；hr水平线标签；特殊字符标签；table，tr，th，td表格标签；a标签的属性和属性值：href=””超链接地...

2020-03-17 21:42:31 92

原创 HTML学习的第一天

第一天学习内容总结学习环境的搭建：vscode的安装和使用，汉化包的安装，基本框架的快速创建。Photoshop的安装。Chrome浏览器的安装。学习内容：网页开发的过程和部门之间的配合以及作用。网页的组成：架构样式交互。网页的组成所对应的内容：预习内容：doctype的作用是声明文档类型，超链接新窗口打开的属性和属性值是target=“blank”表格的合并列属性是cols...

2020-03-16 22:39:55 141

原创 CSS动画

CSS3动画是css中比较方便的一个属性，可以很方便的接触页面静态到动态的变化，其中的各种想法和实际应用，可以让刚接触html5和css的人了解以及锻炼逻辑和习惯的写法。 CSS3动画原理：逐帧动画。会把整个运动过程，划分成100份。属性值：animation-name : 设置动画的名字 (自定义的)。 animation-duration : 动画...

2020-02-25 19:47:47 168

WYMOUBIAO的博客