对css的一些简单认识

<table style="border.collapse=collaspan" border="1">表</table>
<capyion>表格标题</capyion>
<tr>表行</tr>
<td>表单元格</td>
注意:colspan="2"列上两个单元格合并,占用相邻两个单元格空间  
     rowspan="2"行上两个单元格合并,占用相邻两个单元格空间

表单
<input>用于搜索用户信息
  
type:text.passport.reset.button.checkbox.submit
多行输入文本域:<textarea name=""cols="3" rows="3">
单选:<input type="radio"name="sex">男

多选:<input type"checkbox">我同意
下拉列表:<select><option value="sichuan">川菜</select>
<input type="submit"value="登录" >
get和post区别
.get会显示用户信息、安全性低、速度快
.post加密传输、安全性块、速度慢
id/class/name
class:标签类名可重复使用 css常用
id:标签唯一标识,js常用
name:标签名称与form表单配合使用,提交数据给后台
块级元素、行类元素
块级元素:div、表单、表格、标题、段落
行类元素:图片、输入框、span/strong
区别:块级元素独占一行,块级元素宽高与内容无关,行类元素宽高与内容有关

时间: 2024-08-02 08:43:46

对css的一些简单认识的相关文章

css基本语法简单介绍

css基本语法简单介绍:本章节介绍一下css的基本语法,比较适合于初学者阅读,对于稍有经验的人员来说,几乎没有太多帮助,可以略过.使用css的方式主要以下三种: 1.行内样式 2.内嵌样式 3.外联样式 当然可能不同的教材中的名称有所不同,不过实质都是一样的,不必太过纠结.下面分别介绍一下上面三种方式的使用.一.行内样式:所谓的行内样式就是通过标签的style属性,将css代码写在标签之内,代码如下: <div style="color:blue">softwhy.com&

css制作最简单导航栏

css制作最简单导航栏 (1)先建一个列表: <ol> <li><a href="#">网易</a></li> <li><a href="#">搜狐</a></li> <li><a href="#">新浪</a></li> <li><a href="#"&

用CSS写一个简单的幻灯片效果页面

这里是修真院前端小课堂,每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方面深度解析前端知识/技能,本篇分享的是: [用CSS写一个简单的幻灯片效果页面] 1.背景介绍CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation. transform属性向元素应用2D或3D转换.该属性允许我们对元素进行旋转.缩放.移动或倾斜. transition是令一个或多个可以用数值表示的css属性值

用CSS实现一个简单的幻灯片效果页面

用CSS实现一个简单的幻灯片效果页面,第一反应是利用CSS3的animation.不过为了兼容浏览器,记得加各浏览器前缀("chrome和safira:-webkit-"."firefox:-moz-"."opera:-o-"),我最开始写的时候忘记加浏览器前缀,在chrome中一直没有任何显示.下面说说用到的animation各属性.animation-name(动画名字,需用引号包裹)animation-duration(动画持续时间,如:2

【Css】一个简单的选项卡

这次来做一个简单的选项卡. 选项卡其实就分3个部分:html代码,用于显示的内容:css代码,用于显示的样式:javascript代码,用于点击事件. 老规矩,先写一个html坯子. 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4

还在为小三角形切图?使用纯CSS写一个简单的三角形

同学们,当美工给的设计图是这样: 或者这样: 我的内心其实是拒绝的-_-:但工作还得干,大部分同学会写 <style> .icon{width:20px;height:20px;display:block;margin:0 auto;background:url(...)} </style> <div class="con"> <div class="icon"></div> <span>添加会

用CSS做的简单弹窗

最近在学习css,学习的时候发现,css是多么博大精深,是那么的神奇. 老师给了一个项目给我们做练习,以下我介绍一个用纯css简单做的弹窗 先看下其效果: 想整理下思路: 首先我设置了两个按钮,一个是打开弹窗,另外是关闭弹窗,这两个按钮用label关联到input:radio. 布局如下: <input type="radio" name="btn" id="close" class="btn"/> <div

CSS学习------之简单图片切换

最近一直在重温纯CSS,学习的时候真的才发现,css真的博大精深啊! 所以趁着学习的劲头,谢了个最简单的CSS图片切换! 先整理下思路: 首先我希望图片居中间,两边有个切换按钮,点击按钮的时候,可以实现图片切换! 所以,我先弄一个div盒子,让他为顶级div所有的东西都放在他里面: 所有布局如下代码: <div id="allbg"> <div id="picbg"> <div id="pic1"> <i

HTML标记语言和CSS样式的简单运用(Nineteenth Day)

曾经励志下去要坚持把每天所学的知识记录下来,可是坚持了几天后,就觉得自己坚持不下去了....这几天自己好好的想了想,觉得不能坚持也得要坚持,因为要对自己负责,所以得学会逼着自己去做,只有这样才能把一件事做到底......今天就总结一下所学到的知识. 理论: HTML(Hyper Text Markup Language) 超文本标记语言 ?HTML文档 = 网页 ?HTML标签(不区分大小写)(有些大写是自动生成的) 页面包括“格式标签”和“页面内容” ?网页文件格式:.html或.htm HT

PHP根据传入参数合并多个JS和CSS文件的简单实现

HTML(使用方法): 复制代码代码如下: <link rel="stylesheet" type="text/css" href="cssmin.php?get=base,style1,style2,global&path=css/&v=20131023" /><script type="text/javascript" src="jsmin.php?get=jquery-1.6.