随笔分类 - html/css
html/css/css高级
摘要：阴影 第一个值 水平偏移量 设置阴影的水平位置 正数向右移动 负数向左移动 第二个值 垂直偏移量 设置阴影的水平位置 正数向下移动 负数向上移动 第三个值 阴影的模糊程度 第四个值 阴影的颜色 效果： 圆角 可以用像素改变也可以用百分比
阅读全文
摘要：盒子的大小可以用width宽度和height高度 长宽度计算：长度边框+内边距+原本的长度 5px+10px+200px=215px
阅读全文
摘要：在做网页时写出的元素在网页中总会有边距这样看起来会很别扭，那我们该怎么把它改成没有边距呢？ 方法一： 在style中给body设置 body{ maring:0; padding:0; }; 这样就解决了 方法二 去浏览器中输入网址就可以复制重置浏览器样式的内容 网址：https://meyerwe
阅读全文
摘要：行内元素的盒模型 行内元素不支持设置宽度和高度 行内元素可以设置padding,但是垂直方向padding不会影响页面的布局 行内元素可以设置border，垂直方向的border不会影响到页面的布局 行内元素可以设置maring,垂直方向maring不会影响布局 display 用来设置元素显示的类
阅读全文
摘要：垂直的外边距重叠（折叠） 相邻的垂直方向外边距会发生重叠现象 父子元素重叠 父子元素间相邻的外边距，子元素会传递给父元素(上外边距) 父子外边距的折叠会影响到页面的布局，必须要进行处理 如上图绿色的div被包在蓝色div里，但是用外边距给绿色的div设置距离蓝色的div也被影响到了 解决方法： 只要
阅读全文
摘要：外边距 跟内边距不一样，外边距是挪动位置 margin和padding使用方法是一样的 上右下左 一共有四个方向的外边距： margin-top 上外边距，设置一个正数，元素就会从上往下移动，如果设置为负数就会从下往上移动 margin-right margin-bottom margin-left
阅读全文
摘要：内边距(padding) 内容区和边框之间的区域就是内边距 一共有四个方向的内边距， padding-top paading-right padding-bottom padding-left 上图,绿色的区域就是内边距 盒子可见的大小，由内容区、内边距 和 边框共同决定的
阅读全文
摘要：边框有边框三要素： 线宽，线型，线的颜色 格式 单写线宽 一般默认值都是3个像素 border-width可以用来指定四个方向的边框宽度值的情况 四个值：上 右 下 左 三个值：上 左右 下 两个值：上下 左右 一个值：上下左右 除了border-width还有一组border-xxx-width;
阅读全文
摘要：网页是一个由多层结构组成通过css来设置每一层的样式，最底层被称为文档流 我们所创建的元素默认都在文档流中进行排列 元素主要有两个状态：在文档流中和不在文档流中(脱离文档流)
阅读全文
摘要：HSL background-color:hsl(10,10%,10%);每一种颜色的范围在 0 - 255 （0% - 100%）之间语法：hsl(色相，饱和度，亮度)H 色相(0-360)S 饱和度(0% - 100%)L 亮度(0% - 100%)
阅读全文
摘要：em是相对于元素的字体大小来计算 1em就等于1个font-size em就等于1个font-size rem是相对于html根元素的字体大小来改变的
阅读全文
摘要：RGB是三原色分别是红色、绿色、蓝色 background-color:rgb(255,255,255);每一种颜色的范围在 0 - 255 （0% - 100%）之间语法：RGB(红色，绿色，蓝色)
阅读全文
摘要：像素（px） 在屏幕上有一个个小正方形构成不同屏幕的大小，像素个数量也不同百分比(%) 将属性值设置为相对于父元素属性的百分比 如：父元素是200px子元素是父元素的50%，那么子元素就是父元素的二分之一也就是100px
阅读全文
摘要：<p>李四<a>王五</a></p> 给p标签写样式被包在p标签里的a标签也会被改变样式、a标签继承了p标签的样式
阅读全文
摘要：选择器的优先级 行内样式 的优先级是1000id选择器 的优先级是100类和伪类选择器 的优先级是10元素选择器的 的优先级是1 优先级越高，就越优先显示 优先级相同时就会优先使用靠下的样式
阅读全文
摘要：属性名包含指定属性元素 p[title]{} 属性名=属性值 选择含有指定属性值的元素 p[title=asd]{} 属性名^=属性值选择属性以指定值开头的元素 p[title^=asd]{} 属性名$=属性值选择属性以指定值结尾的元素 p[title$=asd]{}
阅读全文
摘要：子元素选择器 父元素>子元素 后代元素选择器 祖先 后代 后代选择器比子元素选择器范围广
阅读全文
摘要：选择器就是给标签设置名字 id 选择器 class选择器 *选择器(通配选择器) 页面上所有元素都会被设置样式 不用设置名字
阅读全文
摘要：选择器、和声明块 选择器： 通过编写元素的名字来设置样式比如：p标签 设置一个p标签的样式，页面中的所有p标签的样式都会变化 声明块： 声明块就是写在元素中的属性属性值
阅读全文
摘要：行内式 <p style="color: red">李白不写诗</p> 内联式 在body外写上<style></style>标签可以在标签里设置样式 外链式 在编译器的目录中新建一个css的文件然后在文件中写上需要加样式的元素给元素设置样式； 那怎么在HTML文件使用css文件呢？ 需要用 lin
阅读全文
