css
关注
分享
扫一扫
文章平均质量分 88
程序媛Gidy
执着于理想，纯粹于当下
展开
-
HTML和CSS的IE兼容问题
文章目录前言一、html兼容二、css兼容总结前言下一部分就开始学习移动端网页制作了，今天来记录一下浏览器兼容问题一、html兼容书写条件注释可以解决低版本的IE浏览器兼容问题。条件注释的写法如下：代码如下（示例）：<!--[if lte IE 9]> <h2>小于等于IE9的浏览器可以看到</h2><![endif]-->比较符号：二、css兼容css hack代码如下（示例）：_background-color: pi.原创 2021-04-01 14:12:01 · 362 阅读 · 0 评论 -
静态PC端网页开发
文章目录前言一、静态项目开发基础1.网页项目开发流程2.页面开发常见界面和布局流程二、项目制作1.head内部配置2.header区域总结前言今天开始新的模块，pc端静态网页开发应用。这部分主要是对于前面HTML和css学习的一个验收和巩固。一、静态项目开发基础1.网页项目开发流程开发流程：需求分析、整体规划、界面设计、前端程序设计、前后端系统整合、测试验收。2.页面开发常见界面和布局流程版心：是指网页中主要内容所占区域。一般在浏览器窗口中水平居中显示，从而让用户的视线更加集中。常见版心.原创 2021-03-17 20:15:21 · 1383 阅读 · 4 评论 -
CSS3过渡属性、2D和3D、动画
文章目录前言一、css3过渡属性transition二、2D转换1.位移transform2.缩放scale3.旋转rotate4.倾斜skew5.基准点6.2D转换案例-卡包特效三、3D转换1.透视2.旋转3.位移4.3d转换案例-正方体四、css3动画总结前言今天继续学习css3，主要学习css3 的2D和3D转换。继续分享今天的笔记啦！一、css3过渡属性transition在css3出现之前，前端一般使用flash动画或者js制作动画。过渡属性transition，在两种状态之间实现平.原创 2021-03-15 16:21:42 · 777 阅读 · 1 评论 -
CSS3新增（选择器、盒模型、边框阴影）
文章目录前言一、css31.新增子级选择器2.兄弟选择器3.结构伪类选择器4.5.二、使用步骤1.引入库2.读入数据总结前言开始今天的前端学习内容，近几天学的很赶，还是多多复习一下前边的内容，否则就会导致学过的东西却忘记了。一、css31.新增子级选择器子级选择器用于选取带有特定父元素的元素。>前后必须满足父子级关系。代码如下（示例）：.box > p { background-color: pink; }.inner > p { co.原创 2021-03-14 16:45:09 · 319 阅读 · 2 评论 -
静态轮播及HTML5新增
文章目录前言一、静态轮播图布局二、HTML51.新增语义化标签2.多媒体音频标签3.多媒体视频标签4.新增input表单5.新增表单属性总结前言css大部分学完了，今天学习一下静态轮播，后面学一下HTML5。坚持住。一、静态轮播图布局代码如下（示例）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C.原创 2021-03-14 00:37:38 · 584 阅读 · 1 评论 -
CSS背景属性、定位
文章目录前言一、css的常用样式-背景属性1.背景颜色 background-color2.背景图片 background-image3.背景重复 background-repeat二、使用步骤1.引入库2.读入数据总结前言又是内容超级多的一天啊，多也要学完，今天学校三节课呢，自己学习的时间少了点了。加油，坚持住！一、css的常用样式-背景属性1.背景颜色 background-colorbackground-color,作用在盒子区域内添加背景颜色进行修饰，在border及以内加载背景颜色.原创 2021-03-13 18:58:18 · 2454 阅读 · 0 评论 -
CSS浮动
文章目录前言一、标准文档流1.微观现象：2.显示模式display二、浮动1.浮动的定义2.浮动的性质3.依次贴边的应用案例4.浮动性质-没有margin塌陷、字围现象5.浮动的问题6.清除浮动总结前言继续学习前端，今日学习内容主要是浮动，昨天学习了css的常用属性和盒模型。日复一日，今日事今日毕！一、标准文档流元素排版布局会按从左往右，从上往下排版，前面内容发生变化，后面的内容也会随之变化。HTML体现在微观现象。1.微观现象：（1）空白折叠现象。（2）文字类的元素排在一行会出现一种高.原创 2021-03-12 00:07:18 · 149 阅读 · 0 评论 -
CSS字体、文本属性以及盒模型
文章目录前言一、css常用样式字体属性1.font-weight2.font-style3.line-height4.font综合属性二、文本属性1.水平对齐text-align2.文本修饰text-decoration1.文本缩进text-indent三、盒模型1.宽度width2.高度height3.内边距padding4.边框border5.外边距margin四、盒模型扩展1.清除默认样式2.height应用3.居中4.父子盒模型5.margin塌陷现象总结前言今天学习第二模块啦，今天的任务和.原创 2021-03-10 23:21:22 · 371 阅读 · 1 评论 -
CSS的继承性和层叠性
文章目录前言一、继承性二、层叠性1.选中目标标签2.选中祖先级标签3.important和行内式总结前言今天主要学习css的层叠式，并对之前的学习进行一个阶段性的巩固，做做相应练习。一、继承性除了前面提到的样式之外，还有一个重要的概念就是层叠式，层叠式式贯穿整个css的性质，包含继承性和层叠性。一个标签没有设置过样式，他的某个祖先级设置过，这种从祖先级继承过来的，成为继承性。能够被继承的是所有文字相关的样式属性，其他的属性都不能被继承。代码如下（示例）：<!DOCTYPE htm.原创 2021-03-09 16:50:44 · 857 阅读 · 0 评论 -
CSS文字三属性、盒子、选择器
文章目录css常用样式一、文字三属性1.颜色color2.font-family字体3.font-size文字大小二、盒子实体化三、css选择器1.标签选择器2.id选择器3.4.5.总结css常用样式今天来学习css的常用样式，首先学习一下css文字的常用属性。坚持学习前端！一、文字三属性1.颜色color给文字设置颜色，k为color，v为颜色值、颜色名。rgb模式：红绿蓝三个原色混合而成，0~255。例，红色 rgb（255,0，0）十六进制模式：0~ 9，a~f。代码如下（示例.原创 2021-03-08 22:09:34 · 258 阅读 · 2 评论 -
CSS概述及书写位置
文章目录CSS模块一、css概述二、css规则1.内联式2.内嵌式3.外联式4.导入式5.代码的书写风格总结CSS模块HTML部分就告一段落了，今天开始学习css啦，加油，相信努力不会被辜负。一、css概述发展过程：css全称cascading style sheets，层叠样式表是一种表现HTML样式的计算机语言。静态的修饰网页，可配合各种脚本语言动态的对网页各种元素进行格式化。实现了网页的结构和样式分离，拯救了混乱的HTML。层叠式：层叠性、继承性样式：定义如何显示HTML元素，例.原创 2021-03-07 22:06:02 · 813 阅读 · 0 评论