CSS
github@niexia
前端工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
background:rgba(red,green,blue,alphavalue)
设置背景透明度没有使用rgba header div.left_top{ /*background: rgba(255,255,255,0.1);*/ overflow: hidden; border: 2px solid #4F4844; height: 109px;原创 2017-08-07 11:15:58 · 2733 阅读 · 0 评论 -
浮动
浮动 浮动就是将元素从常规文档流中拿出来。1 . 浮动的作用 (1)实现传统出版物那样文字绕排图片的效果。 (2)让原来上下堆叠的块级元素,变成左右并列,从而实现分栏 当你浮动一个元素的时候,就好像在说:尽量把这个元素往上放,能放多高放多高,直到碰到某个元素的边界为止——它父元素的内边界(整个border的中间),就算是这样也不包含在父元素之内了。 注意:浮动非图片元素的原创 2017-07-28 18:01:04 · 315 阅读 · 0 评论 -
Sublime Text3快捷键
快捷键(1) Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑) Ctrl+G 跳转到相应的行 Ctrl+J 合并行(已选择需要合并的多行时) Ctrl+L 选择整行(按住-继续选择下行) Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+T 词互换 Ctrl+U 软撤销 Ctrl+P 查找当前项目中的文件和快转载 2017-07-26 09:51:36 · 233 阅读 · 0 评论 -
去掉<li>默认的标点
1.list-style-type:none;div.SubCategoryBox ul{ list-style-type: none;//就是这句}div.SubCategoryBox ul li{ display: block; float: left; width: 200px; line-height: 20px;}2.padding=0;*{原创 2017-08-30 18:28:40 · 2047 阅读 · 0 评论 -
background-position
background-position属性它有5个关键字:left、top、bottom、right和center。 任意两个组合都能作为该属性的值,比如top right表示将图片放在右上角的位置。注意:该属性同时设定元素和图片的原点 原点:决定元素和图片中的某一点的水平和垂直坐。原点默认在左上角,也就是说元素和图片的左上角对齐只设定一个关键字,则另一个也会也取相同的值 backgroun原创 2017-09-08 17:49:34 · 586 阅读 · 0 评论 -
什么时候使用inline-block?
看起来inline-block的显示效果和inline是一样的??? 给元素设定宽度和高度时,只能使用块级元素block。 如果是内联元素inline是不能设置高度和宽度的。但此时,我想个给某个元素设定宽度和高度,同时又让它显示的效果和inline一样(包紧元素)该怎么办呢???display:inline-block;//就这样设置原创 2017-09-10 08:59:25 · 1121 阅读 · 0 评论 -
CSS中的盒子相关属性,盒子到底有多大
1.内边距内边距是盒子内容与边框之间的距离,如果你不设定padding,那么元素的文本就会紧挨着元素的边框。2.外边距推荐将下面这条规则作为样式表的第一条规则:*{margin:0; padding:0;}这条规则把所有元素的默认外边距和内边距都设为零,也就是浏览器默认的值会被清除,这样我们可以再根据真正需要来设定元素的内外边距。3.垂直方向上的外边距在垂直方向上的外边距会叠加!!!<style原创 2017-09-10 09:36:30 · 1888 阅读 · 0 评论 -
visibility和display
visibility和display这两个属性很容易被混淆,比如它们看起来是干一样的事情,就是将让我们看不见元素。display通常可以设置为:none,inline,block visibility通常可以设置为:hidden,visibledisplay:none;visibility:hidden;这两条样式都能使得元素隐藏。但是,display会将元素掉,并且位置不再占用。而visibi原创 2017-09-10 09:43:28 · 401 阅读 · 0 评论 -
元素的外观
1.前景层(1)内容(2)边框 内边距padding:设定元素与边框的距离 外边距margin:设定边框与其他元素的距离2.背景层(1)背景图片:背景图片位于背景颜色之前,也就是说背景图片叠加在背景颜色之上(2)背景颜色原创 2017-09-10 10:15:20 · 321 阅读 · 0 评论 -
块级元素和行内元素
当时用一个标签时,第一件事就是弄清楚它是块级元素还是行内元素块级元素 块级元素会扩展到父元素同宽,body的默认宽度和浏览器窗口一样宽。 这时候你应该理解为什么块级元素会始终占一行了,没错,那就是因为它们始终和浏览器同宽,没有空间再容纳另一个元素了行内元素 行内元素会收缩包裹其内容,并且尽可能包紧。1.块级元素* address - 地址* blockquote - 块引用* cen原创 2017-09-10 10:06:50 · 514 阅读 · 0 评论 -
font简写:body{font:12px/15px Arial}
body{font:12px/15px Arial}//这是缩写,完整写法是body{font-size:12px; line-height:15px;}//要注意,直接简写font:12px/15px;//这样是错误的,css中font属性简写时,必须至少同时包含font-size和font-family两个属性,应该写成font:12px/15px arial ;原创 2017-09-10 11:33:54 · 1891 阅读 · 0 评论 -
表单
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单</title> <style type="text/css"> form.stylin_form1{ /*表单整体宽度*/ widt原创 2017-09-10 11:40:30 · 417 阅读 · 0 评论 -
background
background可以设置如下属性( 打勾的是常用的): 说明background-positionbody{ background-image:url('bgimage.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center;/原创 2017-09-11 15:45:51 · 444 阅读 · 0 评论 -
解决input获得焦点时边框没有border-radius
.handle-input-search{ /*用id避免自带样式的影响*/ display: inline-block; width: 150px; height: 28px; float: left; margin-left: 8px; border-radius: 4px; padding-left: 10px; border:原创 2017-10-10 10:53:55 · 4460 阅读 · 2 评论 -
围住浮动元素的3种方法
没有围住浮动元素html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> section{ border:1px solid #0f0; margin: 0 0 10px 0; } p原创 2017-07-30 23:34:01 · 436 阅读 · 0 评论 -
th 和 td的区别
1.一个简单的html表格th和td都用于定于表格的列<html><body><table border="1"> <tr> <th>11111111111111111</th> <th>Savings</th> <原创 2018-03-01 09:57:52 · 6070 阅读 · 0 评论
分享