css
关注
分享
扫一扫
文章平均质量分 81
xiaoliangsu
这个作者很懒，什么都没留下…
展开
-
深入理解CSS行高line-height
简单选择器属性选择器选择器可以被分为以下类别：简单选择器（Simple selectors）：通过元素类型、class 或 id 匹配一个或多个元素。属性选择器（Attribute selectors）：通过 属性 / 属性值 匹配一个或多个元素。伪类（Pseudo-classes）：匹配处于确定状态的一个或多个元素，比如被鼠标指针悬停的元素，或当前被选中或未选中的...原创 2018-05-25 10:12:31 · 831 阅读 · 0 评论 -
css 圣杯布局和双飞翼布局
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Complex flexbox example</title> <style> header { width: 100%; hei原创 2018-06-19 18:00:20 · 185 阅读 · 0 评论 -
CSS布局 网页布局方式
基本的样式是，两个盒子相距20px, 左侧盒子宽 120px，右侧盒子宽度自适应。<div class="wrapper" id="wrapper"> <div class="left"> 左边固定宽度，高度不固定 </br> </br></br></br>高度有可能原创 2018-06-19 17:04:54 · 334 阅读 · 0 评论 -
css布局
display属性每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。 block div 是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。 其他常用的块级元素 ： p 、 form 。HTML5中的新元素...原创 2018-06-19 13:26:26 · 105 阅读 · 0 评论 -
CSS flexbox弹性盒子
指定元素的布局为 flexibleflex模型说明flex-directionflex-wrapflex-flow 缩写flex 项的动态尺寸flex: 缩写与全写水平和垂直对齐flex 项排序flex 嵌套指定元素的布局为 flexible首先，我们需要选择将哪些元素将设置为柔性的盒子。我们需要给这些 flexible 元素的父元素 display 设...原创 2018-06-19 13:07:51 · 226 阅读 · 0 评论 -
css 定位position
介绍定位静态定位 static将元素放入它在文档布局流中的正常位置 相对定位 relative占据在正常的文档流中position: relative;top：10px；left；20px；relative需要配合top left等使用绝对定位absolute不存在于文档流 它坐在它自己的层独立于一切，意味着我们可以创建不干扰页面上其他元素的位置的...原创 2018-06-14 16:59:58 · 124 阅读 · 0 评论 -
css浮动，清除浮动
多列浮动布局两列布局三列布局清除浮动清除浮动方法浮动问题浮动目的：创建多列布局浮动元素 会脱离正常的文档布局流，并吸附到其父容器的左边 。在正常布局中位于该浮动元素之下的内容，此时会围绕着浮动元素，填满其右侧的空间。 注意浮动内容仍然遵循盒子模型诸如外边距和边界。多列浮动布局两列布局body { width: 90%; max-w...原创 2018-06-14 13:35:00 · 226 阅读 · 0 评论 -
css盒模型
框属性css框类型框属性每一个元素都是一个矩形框，框的每层的大小都可以通过一些特定的属性调整 矩形框包括：content ，padding，border，marginwidth/height :设置 content 的宽高 padding:用来设置padding内边距大小 border：CSS 框的边界（border）是一个分隔层，位于内边距的外边缘以及外边距的...原创 2018-06-13 15:59:30 · 113 阅读 · 0 评论 -
css文本基础
text－intent 缩进文本最常用于段落锁进p {text-indent: 5em;}理论上，所有块级元素都可以用text-intent，行内元素不行 不过，如果一个块级元素（比如段落）的首行中有一个图像，它会随该行的其余文本移动。 使用负值 text-indent 还可以设置为负值。利用这种技术，可以实现很多有趣的效果，比如“悬挂缩进”，即第一行悬挂在元素中余下部分的左...原创 2018-05-24 10:07:37 · 302 阅读 · 0 评论 -
javascript 动态修改css样式方法汇总(四种方法)
cssText 本质是什么？cssText 的本质就是设置 HTML 元素的 style 属性值。cssText怎么用？document.getElementById("d1").style.cssText = "color:red; font-size:13px;";cssText 返回值是什么？在某些浏览器中（比如 Chrome），你给他赋什么值，它就返回什么值。 ...原创 2018-06-26 16:34:17 · 873 阅读 · 0 评论