共 43 篇文章 |
|
标准的 CSS 盒模型 (CSS Box Model) 采用你给定元素的宽度,然后将内边框和边框添加到该宽度上——这意味着元素占用的空间大于给定的宽度。除了标准盒子模型外还有一个盒子模型叫 IE 模型(替代盒子模型),盒子的宽度是页面上可见框的宽度,因此内容区域的宽度是该宽度减去填充和边框的宽度。过去我们们在 HTML 中一般使用 CSS 进行布局,常见... 阅29 转1 评0 公众公开 22-04-05 00:25 |
</style> </head> <body> <div class="style1"> x:0,<span class="blue">y:0</span> </div> <div class="style2"> x:-50px,<span class="blue">y:-50px</span> </div> <div class="style3"> x:100px,<span cla... 阅67 转1 评0 公众公开 16-11-25 12:56 |
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group.要使用此参数,对象必须和:after及:before 伪元素一起使用inline-table : CSS2 将表格显示... 阅191 转1 评0 公众公开 15-05-20 19:39 |
一个标准的HTML页面包含几个必要的标记 为其他节点的根节点,而 html一般 包含两个子节点, body节点里面放显示内容,而head节点里放页面的其他参数(例如窗口标题,页面编码等等)<div id="a" style = "position:relative;margin:50px;border:1px red solid;width:300px;height:300px;" ><div id="b" ... 阅1113 转9 评0 公众公开 15-01-31 01:37 |
CSS3 @font-face.说到浏览器对@font-face的兼容问题,这里涉及到一个字体format的问题,因为不同的浏览器对字体格式支持是不一致的,这样大家有必要了解一下,各种版本的浏览器支持什么样的字体,前面也简单带到了有关字体的几种格式,下面我就分别说一下这个问题,让大家心里有一个概念:.eot字体是IE专用字体,可以从TrueType创建此格式字体,... 阅13 转0 评0 公众公开 14-11-14 08:39 |
-- "slide to unlock" --> <div class="iphone_slider" id="iphone_slider"></div> <!-- slider --> <div class="iphone_slide2unlock" id="iphone_slide2unlock">slide to unlock</div> </div> </div> <div class="iphone_icons_... 阅45 转0 评0 公众公开 14-09-23 19:35 |
没有用一张图片,完全用CSS3渲染出iPhone 4没有用一张图片,完全用CSS3渲染出iPhone 4.这个iPhone由Web开发者Vasiliy Zubach制作,他是HTML5和CSS领域的大牛,或许你听过他的网站 TjRus。在上面的图片中你能看见的所有东西,实际上都是纯CSS3制作,没有一张图片,没有Base64,没有SVG和canvas,只有3395行CSS代码,335行JS代码(基于jQuery框架... 阅56 转0 评0 公众公开 14-09-23 19:23 |
除了inline和block的定义,主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size)。body { margin: 8px;ul ul, ol ol { margin-top: 0;IE默认为10px,通过body的margin属性设置。IE默认为19px,通过p的margin-top属性设置。IE默认为40px,通过ul、ol的margin属性设置。FF默认为40px,通过ul、ol的pad... 阅46 转0 评0 公众公开 14-09-05 00:20 |
css position: absolute、relative详解CSS2.0 HandBook上的解释:<div id=rel> 此层只应用position:relative;样式 </div> <div id=abs> 此层只应用position:absolute;样式 </div> <div id=sss> 不应用样式 <div><div id=sss> 不应用样式 <div> <div id=rel> 此层应用position:relati... 阅62 转0 评0 公众公开 14-09-03 23:48 |
<div class="tl"> <div class="tr"> <div class="br"> <div class="bl"> <blockquote>床前明月光,疑是地上霜。.tl{ width:300px;.tl{background:url(''tl.gif'') top left no-repeat #ff8c45;p{ paddi... 阅896 转2 评0 公众公开 14-09-01 00:37 |