HTML+CSS - 前端设计的小技巧(持续更新......)

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样式宽度即可。

<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>
时间: 2024-10-12 22:49:32

HTML+CSS - 前端设计的小技巧(持续更新......)的相关文章

iOS--开发小技巧(持续更新)

// 模糊效果 UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark]; UIVisualEffectView *test = [[UIVisualEffectView alloc] initWithEffect:effect]; test.frame = self.view.bounds; test.alpha = 0; [self.view addSubview:test]; _mytext =

一些实战中的小技巧 (持续更新中)

经常使用的目录或命令,使用alias,减少打字数量 # 显示所有的别名 alias -p # 创建 alias gopro='cd /root/username/dir/project' alias pidpy='ps -ef | grep python' # 取消 unalias gopro 原文地址:https://www.cnblogs.com/wangjiale1024/p/11293772.html

iOS开发&gt;学无止境 - 6个iOS图片文本设计的小技巧

英文:TOPE 作者:星夜暮晨 网址:http://www.jianshu.com/p/88263196fdf0 设计师们似乎拥有着我们这些开发者所没有的“魔力”,他们知道如何让一个应用的界面看起来非常得舒适,以至于有时让我们有了迫不及待将其复现的冲动. 然而,几天过去了,我们仍然还停留在设计稿的第一个界面,写下大段大段的代码,可是界面却不是我们想要的那个样子,这无疑是非常让人恼火的一件事情. 好消息是设计师们的“魔力”并不是我们想象中的那么神奇,有一些关于设计的小技巧.只要掌握了它们,我们就能

css选择器顺序的小技巧

在线演示 本地下载 css的选择器的顺序其实很有意思,如果应用的好的话,可以做一些简单的逻辑出来,配合上css3,就可以尽可能的脱离js了. 这里的演示是一个带有hover事件的四张照片,效果来自一个国外优秀单页,我在recode的时候做的,看源码他应该是用的js,我这里改成了css做,正好可以演示一下css选择器的顺序技巧. 首先是li标签的样式,这里就不说了,主要说一下hover的操作. 显示ul的hover,让所有的li标签缩短宽度. ....... 原文来自:css选择器顺序的小技巧

Excel技巧 持续更新..

1:身份证格式:自定义->输入###################2:日期格式:   Text(A2:,"yyyy-mm-dd") 3:取消公式:ctrl+c .ctrl+v会出现一个小工具,下拉选择粘贴值(仅有值) 4:INDEX函数       主要功能:返回列表或数组中的元素值,此元素由行序号和列序号的索引值进行确定.       使用格式:INDEX(array,row_num,column_num) 5:MATCH函数       主要功能:返回在指定方式下与指定数值

PLSQL Developer 11 使用技巧(持续更新)

PLSQL Developer 11 使用技巧 (持续更新) 目录(?)[-] 首先是我的颜色配置 常用快捷键 提升PLSQL编程效率 按空格自动替换 关闭Window窗口 PLSQL 实用技巧 TIP 1单击进入VIEW模式 TIP 2存储过程DEBUG单步执行 TIP 3更改文件夹颜色 TIP 4保存页面布局 TIP 5中文显示问题 TIP 6代码高亮和使用书签 TIP 8SQL窗口的快捷键 有用 TIP 9 Windows list名字显示不下来 TIP 9.5 多数情况下对于重要的Win

css的几个小技巧

本文收录css设置样式的一些小技巧 1. 设置文字在块级标签居中(包括水平居中和垂直居中) 水平居中 方法一:使用text-align text-align:center 方法二:目标标签的父级标签设置position:relative,目标标签设置margin:auto .parent { position: relative } .target { margin:auto } 垂直居中 设置line-height与父级元素height相同 div { width:200px; height:

关于前端的宝藏网站(持续更新...)

一.第一个就很厉害!色图网! https://flatuicolors.com/ 里边有很多颜色的汇总,对于我们这种色盲来说有很大帮助了嘤嘤嘤~ 二.第二个还是一个色图网!不过这是一个中国风的色图网~ http://zhongguose.com/ 很多很好看的中国风的颜色呢! 三.这是一个可以说是古今中外最厉害的图标库了!来自阿里的图标库! https://www.iconfont.cn/ 四.这是一个前端的插件网站,基本上很多你想要的小插件都有! http://www.jq22.com/ 五.

RS开发中的一些小技巧[不定期更新]

从9月份一直忙到了现在,项目整体的改版工作也完成了十有八九了,有些事情只有你自己真正的做了,你才能明白:哦,原来还可以这个样子,这样做真的好了很多呢,接下来我就分享一些最近遇到的RS开发的一些小技巧,都是些基本的东西,已掌握的可以来温习一下,没掌握的希望可以帮到大家 一:UI设计 1.1:配色 可以利用字体颜色.背景颜色.图片等来补充RS常规报表以及单个数据项的单调感,例如下面通过图片以及字体颜色调整过的报表的效果 1.2:布局 布局大家都知道使用table了,提前像设计HTML的页面一样规划好