方法一:
容器确定宽高:知识点:transform只能设置在display为block的元素上。
<head> <meta charset="UTF-8"> <title>Title</title> <style type=
Day3 Form表单
一.form表单 :提交数据 表单在网页中主要负责数据采集功能,它用<form>标签定义。 用户输入的信息都要包含在form标签中,点击提交后,<form>和</form>里面包含的数据将被提交
Day1 了解web前端
一.职业发展路线:
前端页面制作、前端开发、前端架构师
二.1)前端工程师主要职责:
利用HTML/CSS/JavaScript等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,同时结合后台
由于近期的项目中出现了不规则的边框和图形, 所以重新温习一下CSS3的图形绘制。。。样式绘制的图形比图片的性能要好,体验更佳,关键一点是更加有趣!
以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的,我们先了解下它们的基本原理。
3D视图正方体:
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
本文也同步发表在我的公众号“我的天空”
从零开始,用最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境。
最近在玩webpack+react+移动端,那么第一步自然是搭建相关的环境,本来网上的教程很不错,只是前端相关的东西发展太过迅猛,只相隔了半年有些东西的版本就
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
一。
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=QQ号&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1
犹豫了好久,在考虑说要自己搭建一个博客平台,还是在博客园里面注册个账号来跟大家做一些前端技术的分享,后来因为种种原因,也希望在博客园这个大家庭中能够跟大家互相探讨,于是便有了灿爷的前端之路
好了,废话不多说,撸起袖子开干
今天的主题是奔跑的小羊,主要御用css3的动画实现小羊的奔
一、背景
CSS有三大特性:层叠性、继承性、优先级。
而我们在给CSS定义样式的时候,经常出现两个及以上的规则应用在同一元素上,单该元素最终在浏览器呈现的效果是应用的哪个规则呢?这就要考虑优先级的问题了。
CSS优先级是由CSS权重来作为衡量标准的,权重的计算有一套计算
每个第一次使用jq的开发者都感到惊叹,jq的$太神奇了,究竟是怎么做到的使用$控制dom
赞叹前人之余,探究其本源才是前端开发者应该做的事,社区常常说,不要重复造轮子,
可是啊,连轮子都造不出来,又怎么去了解在什么环境下用什么轮子,怎么样才可以造成更加优秀的轮子,
不同阶段对前端有不同的理解,作为一
1 CSS3选择器详解
1.1 基础选择器
通配选择器*
元素选择器E
ID选择器#id
CLASS选择器.class
群组选择器select1,selectN
1.2 层次选择器
后代选择器 E F
子选择器 E>F
相邻兄弟选择器 E+F
通用兄弟选择器 E~F
1.3 属性选择器
E[a
1.实现div文字溢出自动省略号截取
overflow:hidden; /*超过部分不显示*/ text-overflow:ellipsis; /*超过部分用点点表示*/ white-space:nowrap;/*不换行*
相信大家都比较熟悉flex布局了,最近有空研究了波grid布局,感觉虽然兼容性还不是太高,应用不是太普遍,但是功能非常强大。未来应该是grid+flex为主流,grid是二维布局,很灵活,适合整体构架,而flex是一维布局,适合处理局部细节。
介绍
CSS 网格布局(Grid Layout) 是
如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no
在学习web servlet项目中,做一个项目时 , 完成到了某一阶段 实现了部分功能,有必要保存这一项目,当复制这个项目之后发现发布会报错或者不能访问。
其实复制项目主要是为了在以后的学习中如果能顺利的完成后续部分,可以在需要特定功能时 复习这个项目,或者是在后续的完成项目过程中,
两种模式的不同主要表现在盒模型和渲染模式的不同上
要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode)所谓的标准模式是指,浏览器按W3C标准解析执行代码;怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执
页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:
XML/HTML代码<link rel="stylesheet" rev="stylesh
点击页面中的链接,浏览器会根据源码中相对URL路径作不同的处理:
(1)有协议名称,但没有域名信息
对于这种形式的URL,它的协议,路径,查询字符串和片段ID都以它自身为准,但域名信息的部分,以引用它的那个页面地址为准。
(2)没有协议名,但有域名信息
协议名称由原发起页面确定,而所有接下来
一.Css规则主要由两部分组成 1.选择器 2.一条或多条声明a. 选择器主要作用是为了确定需要改变样式的HTML元素b. 每一条声明由一个属性和一个值组成,使用花括号来包围声明,属性与值之间使用冒号(:)分开,多条声明用分号(;)隔开.
例如:form {width: 200px;margin: