HTML/CSS
出太阳下雨�
xcx:办公室鱼塘
展开
-
CSS伪类实现圆弧
CSS伪类实现平滑圆弧 在移动端布局时,经常会见到边框圆弧效果,见如下效果图: 为了达到更好的效果,经常会用伪类实现 HTML结构: <div class="box"></div> CSS样式: .box{ position: relative; width: 300px; height: 100px; z...原创 2019-11-02 14:03:16 · 1739 阅读 · 0 评论 -
CSS基础
css简述 CSS(Cascading Style Sheets),通常称为CSS样式表,是网页的美容师。 CSS样式表应用到HTML的三种方式 1、内部样式表 用<style type=“text/css”> </style> 插入到HTML文件头部 说明: 内部样式表必须定义在 <head>和</head>之间; 本页面所有样式都可以写在&l...原创 2019-07-30 15:27:12 · 386 阅读 · 0 评论 -
HTML基础
HTML简介网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。 html(Hypertext Markup Language)—— 结构 超文本标记语言 css(Cascading Style Sheets)—— 样式 层叠样式表 js(javascript)—— 行为原创 2019-07-22 08:48:29 · 154 阅读 · 0 评论 -
CSS进阶
单行文本溢出显示省略号 1、给容器定义宽度,即确定超出的范围。 width:value; 2、强制文本在同一行显示 white-space:normal; 3、溢出内容隐藏 overflow:hidden; 4、文本溢出显示省略号 text-overflow:ellipsis; 元素类型及类型转换 元素可分为三大类型:块状元素(block)、行内(内联)元素(inline)和行内块...原创 2019-08-01 19:08:06 · 125 阅读 · 0 评论 -
CSS2及CSS3动画
CSS3 Gradient渐变 CSS3 2D转换 动画过渡 CSS3 3D转换 窗口视图设置 动画原创 2019-08-09 20:39:06 · 648 阅读 · 0 评论 -
HTML5和CSS3
浏览器兼容问题 五大浏览器内核及代表作品: Trident : IE、360浏览器 Gecko : Firefox Webkit : Safari Presto : Opera Blink : Google Chrome 表单补充 单选按钮 <input type="radio" name="sex" checked="checked"/>男 <input type="radio...原创 2019-08-11 17:33:50 · 156 阅读 · 0 评论 -
移动端
怪异盒 标准盒模型的总大小=content+padding+border+margin 怪异盒模型的总大小=content+margin 使用box-sizing属性可改变盒子的类型: box-sizing:content-box;表示标准盒模型 box-sizing:border-box;表示怪异盒模型,元素的内边距和边框将在已设定的宽度和高度内进行绘制。 弹性盒 弹性盒模型用于决定元素在盒子里...原创 2019-08-11 19:21:21 · 152 阅读 · 0 评论