1、边框圆角属性:border-radius,取值能够是 百分比 / 自己定义长度,不能够取负值。假设是圆,将高度和宽度设置相等,而且将border-radius设置为100%

2、IE6,IE7,IE8,opera,firfox-2.0等浏览器,不支持边框的圆角效果。我们能够用图片来做。

3、为了克服有的浏览器不能显示某些属性设置的效果,能够专门设置使其识别,如火狐浏览器是 -moz-,谷歌浏览器是 -webkit- ,应用如:-webkit-border-radius:100%;

4、属性元素如input,能够在style中例如以下设置(text也能够是别的):

input[type="text"]{

width:50px;

……(其它属性设置)

}

5、能够使用  outline:none; 去除input输入表单的边框。可是有的时候就算设置了outline:none;也会发现边框没有去除,这个时候能够用border:none;就能够解决问题。

6、有时候能够使用无序列表ul,li来实现某些在同一排的一些元素,由于列表是块级元素,这个时候我们能够用元素的浮动将列表项的每一列都变成内嵌元素,实现他们显示在同一行。

7、有时候我们用input做搜索框的时候,常常会在搜索框里面设置初始值,然后用户点击的时候这个初始值会消失,除了用javascript事件做外,还能够用placeholder属性来做。如<input id="search" name="search" placeholder="please input what you want..."/>

8、用input做一些输入框如password框,username等的时候,应该设置输入的最大长度,避免出现无限制输入。

9、内嵌元素不能设置其高度和宽度,可是能够设置它的内边距和左右外边距。

10、使元素自己主动换行(强制换行)的方法是在声明块中增加 word-break:break-all;

最好的引用片段是word-wrap:break-word;overflow:hidden;

其它能够引用的片段是word-wrap:break-word;overflow:auto;

还有:word-wrap:break-word;word-break:break-all;

11、有时候我们要将我们做的一个东西放在整个页面的中央,我们能够设置margin值来实现。设置margin:0px;margin:auto;就能够了。

12、一般假设不想内容顶格或者紧挨着div边缘的话,能够设置padding属性,可是要记得改原始设置的宽度和高度,保证原来的大小。这种原理是元素的内容区是width和height定义的部分,可是元素的背景色和图像在padding是能够显示的。

13、为了防止前面设置的浮动元素的元素内容影响到后面设置的内容,能够在后面的元素的声明块内设置取消浮动 clear : left / right。然后再设置后面元素自身的浮动。

14、在input标签中,一般应该指定一个值来限制输入的最大长度,用maxlength来设置,如<input type="password"  maxlength="20" />

15、通常会认为输入框中在開始输入的时候光标离输入框的边缘有一定距离会比較好看。能够设置padding-left的值来实现。

近段时间学习html和CSS的一些细碎总结的更多相关文章

  1. EasyRadius 动态域名DDNS设置工具,支持WayOS三代,完美解决近段时间3322和每步不稳定问题

    以下软件只适合拥有公网IP的用户哦,要是您没有公网IP,只能和我们联系,获取VPN了 EasyRadius从1.65开始就提供DDNS,中途由于我们升级了安全性,导致DDNS更新失败 这段时间由于33 ...

  2. 关于这段时间学习 EntityFramework的 一点感悟

    Ado.Net,用了N多年,Entity Framework也关注了很多年. 每当项目转型的时候,就花费大巴的时间,学习一番,潮流的东西. 这个Orm很多,这个EF很火,这么多年了,我还是不敢用,虽然 ...

  3. 关于近段时间论坛型APP 的一段舍弃

    一直以为缓存务必要做的很好,好到什么程度呢,我曾这样想,用户在下滑数刷新的时候也要做到,先加载久缓存再加载新的,同时只改变旧的某些项.这样的想法真的很好!好到我花费了三天去设计数据库和服务器的 php ...

  4. 【Oracle】使用Oracle的v$sql视图查看近段时间执行的SQL语句

    SELECT * FROM v$sql ORDER BY first_load_time DESC;

  5. 《C#并发编程经典实例》学习笔记—2.1 暂停一段时间

    问题: 需要让程序(以异步方式)等待一段时间. 解决方案:Task类的静态函数Delay,返回Task对象 在github开源项目dotnet/coreclr,找到Task.cs有关Delay方法的源 ...

  6. 专访黄勇:Java在未来的很长一段时间仍是主流(把老板当情人,把同事当小孩,把客户当病人)

    url:http://www.csdn.net/article/2015-09-06/2825621 2015-09-06 13:18 摘要:本文采访了现任阿里巴巴公司系统架构师黄勇,从事近十年的Ja ...

  7. 我们应当怎样学习HTML和CSS

    目标读者:web前端小白.大神请绕路 学习一门新技术,应当找一本经典入门书,在两三天之内快速翻阅完毕,了解其概貌. 然后再制定一个学习路线图(这个路线图绝大多数情况下非书本目录的顺序),接着遵循学习路 ...

  8. 用一天的时间学习Java EE中的SSH框架

    首先说明一下,本人目前主要从事.NET领域的工作,但对于C++.Java.OC等语言也略知一二,周末闲来无事,特花费一天的时间学习了一下Java中的SSH框架,希望把学习过程中的心得体会与园友们进行分 ...

  9. 我给女朋友讲编程总结建议篇,怎么学习html和css

    总共写了11篇博客了,7篇讲html的,4篇讲网络的.不敢说写的多么好吧,最起码的是我迈出了写作的第一步,写作的过程中了解了一些其他的知识,比如SEO.几种重定向等,由于个人能力和见识有限,写出来的东 ...

随机推荐

  1. 网页上facebook分享功能的具体实现

    1,一个链接: 参数是要分享的页面的链接 代码如下: <a style="width:35px; height:40px; position:relative; top:10px; l ...

  2. json数据返回

    <script type="text/javascript"> function xmlpage(){ var xhr=new XMLHttpRequest(); xh ...

  3. URAL 1008 - Image Encoding(bfs坑爹题)

    坑爹题,两种输入输出互相交换,裸bfs #include <stdio.h> #include <string.h> typedef struct { int x; int y ...

  4. CentOS 6.5上安装Python 2.7.9

    CentOS 6.6自带的是Python 2.6.6,而编译llvm需要Python 2.7以上. checking for python... /usr/bin/python checking fo ...

  5. swf上传

    swfupload多文件异步上传 多文件选择异步上传的原理 传统上:多个文件逐一选.PHP开始处理,循环上 PHP+Flash上:JS调用flash控,Flash批量选取并保持选取所有文件列 swfu ...

  6. wamp目录索引图片不显示

    在wampserver安装目录下  \bin\apache\Apache2.2.21\conf\extra\httpd-autoindex.conf Alias /icons/ "c:/Ap ...

  7. Python一路走来 - python基础 数据类型

    对于Python,一切事物都是对象,对象基于类创建 Python数据类型 python主要的数据类型主要包括以下几种类型: (1) 数字型 (2) 字符串 (3) 列表 (4) 元组 (5) 字典 ( ...

  8. 【学习笔记】【Foundation】字典

    字典NSDictionary: 用于保存具有映射关系的数据:key-value: 创建NSDictionary的常用方法: dictionary: dictionaryWithContentsOfFi ...

  9. web api 2 学习笔记 (OData Batch request)

    之前介绍过OData 中实现RPC的写法,今天在来一个批量操作. 参考 : https://damienbod.wordpress.com/2014/08/14/web-api-odata-v4-ba ...

  10. Gridview中的数据导出到excel中

    protected void btnExport_Click(object sender, EventArgs e)    {                   //导出全部数据,取消分页      ...