
学习记录-html/css
叶炀
这个作者很懒,什么都没留下…
展开
-
css基础-盒模型(边框)
1、div来设置边框粗细为2px、样式为实心的、颜色为红色的边框div{ border:2px solid red;}也可分开写div{ border-width:2px; border-style:solid; border-color:red; //或#888等}border-style(边框样式)常见样式有:das原创 2015-01-08 21:26:09 · 672 阅读 · 0 评论 -
css基础-布局模型
1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。2、在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。内联元素标签a、span、em、strong都是内联元素。3、浮动模型用float定义div{ width:200px; height:200px原创 2015-01-08 21:51:35 · 551 阅读 · 0 评论 -
html基础
1、调字体大小font-size:12px;原创 2014-11-22 23:20:43 · 654 阅读 · 0 评论 -
css基础-选择器
1、定义样式 嵌入式, 标签需对应,注释用/* */CSS代码语法p{ font-size:12px; color:red; font-weight:bold;}服务及时内联式写法;font-size:12px">这里文字是红色。外部css引用,在内使用标签将css样式文件链接到HTML文件内rel="stylesh原创 2014-12-04 16:16:48 · 639 阅读 · 0 评论 -
【代码片段】三列布局
三列布局 //自适应body{ margin:0; padding:0; font-size:30px; font-weight:bold}div{ text-align:center; line-height:50px}.left{ width:20%; height:600px; background:#ccc; position:absolute; left:0; top:0}.m转载 2015-07-14 21:35:31 · 526 阅读 · 0 评论 -
【代码片段】混合布局
混合布局 //一列+两列body{ margin:0; padding:0; font-size:30px; font-weight:bold}div{ text-align:center; line-height:50px}.head{ height:100px;background:#9CF}.left{ width:20%; height:600px; background:#转载 2015-07-14 21:54:24 · 492 阅读 · 0 评论 -
【代码片段】一列布局
一列布局body{ margin:0; padding:0; font-size:30px}div{ text-align:center; font-weight:bold}.main,.footer{ width:960px; 【任务1】}.head{ width:100%; height:100px; background:#ccc}.main{ height:600px; bac转载 2015-07-11 00:16:06 · 496 阅读 · 0 评论 -
【代码片段】两列布局
二列布局body{ margin:0; padding:0; font-size:30px; font-weight:bold}div{ text-align:center; line-height:50px}.main{ width:80%; height:600px; margin:0 auto}.left{ width:20%; height:600px; background:#转载 2015-07-11 00:50:19 · 624 阅读 · 0 评论 -
css样式设置(居中)普通
1、水平居中 div.txtCenter{ text-align:center; }2、宽度固定居中显示div{ border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/ width:500px;/*定宽*/ margin:20px auto;/* margin-left 与 marg原创 2015-03-30 15:59:45 · 1841 阅读 · 0 评论 -
css基础-文字排版
1、字体body{font-family:"宋体";}认识html标签body{font-family:"Microsoft Yahei";} 勇气 三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。2、文字颜色、大小bod原创 2014-12-11 21:31:42 · 620 阅读 · 0 评论 -
html基础2
1、标签是成对出现的,以开始,以结束。 action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 method : 数据传送的方式(get/post)。method="post" action="save.php"> 用户名: 密码: 2、文本框原创 2014-12-04 14:29:09 · 470 阅读 · 0 评论 -
【代码片段】demo中下拉框根据选择变化
36 与他人关系: 丈夫 妻子 父亲 母亲 儿子 女儿 如是则无需填写他人详细信息转载 2016-08-18 10:16:45 · 879 阅读 · 0 评论