html网页设计
2016-04-17 21:40
309 查看
在看牛腩视频中,进行网页设计遇到了很多问题,也总结了一些常用的网页设计语言。
1.在样式表中,一般最好设置一下默认值{margin:0; padding:0;}设置默认无内边距和外边距
2.设计盒子模型整体居中我们可以设置左右边距为auto auto margin:10px,auto,10x,auto;
3.级元素
块级元素有很多,id,class,,<p>
不加块级元素直接罗列值,会出现:所有东西是在一行显示的情况
想要换行 加块级元素<p>或是其他块级元素都可以
<p> 用户名:<asp:TextBoxID="txtName"
runat="server"></asp:TextBox></p>
<p> 密码:<asp:TextBoxID="txtPassword"
runat="server"></asp:TextBox></p>
<p>验证码:<asp:TextBoxID="txtCode"
runat="server"></asp:TextBox></p>
4. 图片默认是有边框的,我们最好让其border为0px; 设置具体位置 比如说顶部图片 #top img{}
5. 为了使代码有可重用性,我们一般不使用id选择器,用class
6.对于表格
设置margin 是不能改变表格间距的,要用padding
现在这个阶段,我们对于一些代码的积累很重要。看视频的时候也许我们并不是很懂,但是我们可以把怎样制作表格,这样设置浮动,总结下来。这样我们以后写代码的时候,才能更加节省时间
1.在样式表中,一般最好设置一下默认值{margin:0; padding:0;}设置默认无内边距和外边距
2.设计盒子模型整体居中我们可以设置左右边距为auto auto margin:10px,auto,10x,auto;
3.级元素
块级元素有很多,id,class,,<p>
不加块级元素直接罗列值,会出现:所有东西是在一行显示的情况
想要换行 加块级元素<p>或是其他块级元素都可以
<p> 用户名:<asp:TextBoxID="txtName"
runat="server"></asp:TextBox></p>
<p> 密码:<asp:TextBoxID="txtPassword"
runat="server"></asp:TextBox></p>
<p>验证码:<asp:TextBoxID="txtCode"
runat="server"></asp:TextBox></p>
4. 图片默认是有边框的,我们最好让其border为0px; 设置具体位置 比如说顶部图片 #top img{}
5. 为了使代码有可重用性,我们一般不使用id选择器,用class
6.对于表格
设置margin 是不能改变表格间距的,要用padding
现在这个阶段,我们对于一些代码的积累很重要。看视频的时候也许我们并不是很懂,但是我们可以把怎样制作表格,这样设置浮动,总结下来。这样我们以后写代码的时候,才能更加节省时间