HTML+CSS - 前端设计的小技巧(持续更新......)
2015-07-06 20:43
721 查看
2015年7月6日20:28:20
1、设置文字的居中,非控件内的。
:text-alain:center
2、图片在ASP.NET中,可以直接拖放到界面,自动形成img控件。
3、CSS直接在全局样式 * 内,设置UL标签无样式,图片无边框,margin和padding都为0.
4、取消浮动Clear。
:clear:left 取消左浮动
5、图片按钮 ImageButton控件
SRC属性,设置图片的路径。
6、服务器空间,在网页中也是input控件,所以,直接设置input属性的:vertial-align:middle,可以设置所有的控件居中对齐。
7、CSS中 id class选择器,可以并存,并且可以分别定义,使用class定义他们相同的属性(只用一个class名称),使用id定义不同的样式(使用不同的名称)。
8、id、class样式如果重叠,id优先。
9、设置表格Table为细线,border-collapse:collapse。
10、设置表格中每一列的宽度,可以直接设置<th></th>标签的宽度,以为th代表列。定义th_cla样式宽度即可。
1、设置文字的居中,非控件内的。
:text-alain:center
2、图片在ASP.NET中,可以直接拖放到界面,自动形成img控件。
3、CSS直接在全局样式 * 内,设置UL标签无样式,图片无边框,margin和padding都为0.
4、取消浮动Clear。
:clear:left 取消左浮动
5、图片按钮 ImageButton控件
SRC属性,设置图片的路径。
6、服务器空间,在网页中也是input控件,所以,直接设置input属性的:vertial-align:middle,可以设置所有的控件居中对齐。
7、CSS中 id class选择器,可以并存,并且可以分别定义,使用class定义他们相同的属性(只用一个class名称),使用id定义不同的样式(使用不同的名称)。
8、id、class样式如果重叠,id优先。
9、设置表格Table为细线,border-collapse:collapse。
10、设置表格中每一列的宽度,可以直接设置<th></th>标签的宽度,以为th代表列。定义th_cla样式宽度即可。
<table> <tr> <th class = "th_cla">标题</th> <th>内容</th> <th>时间</th> <tr> <tr> <td>【abcdefg】</td> <td>啊实打实大苏打</td> <td>2015年7月6日</td> <tr> <tr> <td>【abcdefg】</td> <td>啊实打实大苏打</td> <td>2015年7月6日</td> <tr> <tr> <td>【abcdefg】</td> <td>啊实打实大苏打</td> <td>2015年7月6日</td> <tr> <tr> <td>【abcdefg】</td> <td>啊实打实大苏打</td> <td>2015年7月6日</td> <tr> <table>
相关文章推荐
- css笔记16:盒子模型的入门案例
- Chrome表单文本框自动填充黄色背景色样式
- css笔记15:盒子模型
- CSS透明度设置支持IE,Chrome,Firefox浏览器
- 聊聊css hack
- css笔记14:css文件之间可以相互引用
- css笔记13:display用法
- 使用CSS3制图
- css3学习总结9--CSS3过渡
- css学习笔记一
- css3学习总结8--CSS3 3D转换
- css3学习总结7--CSS3 2D转换
- css笔记12:块元素和行内元素
- css3学习总结6--CSS3字体
- css3学习总结5--CSS3文本效果
- css3学习总结4--CSS3背景
- css3学习总结3--CSS3图像边框
- CSS3 Transitions, Transforms和Animation使用简介与应用展示
- 【慕课网】php工程师学习计划之我的学习笔记——01 入门必学web基础 htmlcss基础课程 篇
- css笔记11:选择器练习