css
文章平均质量分 50
达达学前端
学习记录
展开
-
HTML+CSS画太极图
HTML+CSS画太极图原创 2022-06-21 18:13:30 · 325 阅读 · 0 评论 -
鼠标悬停时显示的效果
鼠标悬停时显示的效果原创 2022-06-20 10:42:36 · 266 阅读 · 0 评论 -
HTML+CSS画圆和半圆
HTML+CSS画圆和半圆原创 2022-06-20 10:32:06 · 417 阅读 · 0 评论 -
HTML+CSS画三角形
HTML+CSS画三角形原创 2022-06-20 10:18:14 · 130 阅读 · 0 评论 -
我们来做个周计划,周一、二学习理念知识,周三、四到企业实践,周五总结经验,周六、日休息和娱乐。
.box { width: 300px; height: 300px; background: yellow; border: 1px solid #cdcdcd; display: none; }input { width: 245px; height: 30px; outline: none; }<input type="text" placeholde...原创 2021-10-25 09:15:02 · 327 阅读 · 0 评论 -
HTML,css画冰激凌
.banyuan { width: 180px; height: 90px; border: 1px solid black; border-radius: 90px 90px 0 0; background: lightsalmon; margin-left: 10px;}.div { width: 200px; height: 30px; border: 1px solid black; background: rg.原创 2021-10-23 21:34:14 · 2302 阅读 · 0 评论 -
CSS盒子模型
盒子塌陷:解决方案,父元素浮动 盒子模型:在网页中一个模块就是一个盒子模型(大大小小的有无数个)组成:content(具体的内容)+padding(内填充)+border(边框)+margin(外边距)盒子模型中唯一一个可以设置负值的属性是margin,为负值时反方向运动margin值得设置方式:方式1:实际开发酌情使用margin-top:上外边距margin-right:右外边距margin-bottom...原创 2021-10-23 21:32:41 · 81 阅读 · 0 评论 -
CSS 三大特性
1CSS层叠性概念:所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉-原则:-样式冲突,遵循的原则是就近原则。那个样式离着结构近,就执行那个样式。-样式不冲突,不会层叠后者会覆盖前者2CSS继承性概念:子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。简单的理解就是:子承父业。-注意...原创 2021-10-23 21:32:14 · 70 阅读 · 0 评论 -
CSS高级技巧
## 1. 元素的显示与隐藏1.1 display 显示(重点)- display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display:block 除了转换为块级元素之外,同时还有显示元素的意思。- 特点: 隐藏之后,不再保留位置。实际开发场景: 配合后面js做特效,比如下拉菜单,原先没有,鼠标经过,显示下拉菜单, 应用极为广泛1.2 visibility 可见性 (了解)- 设置或检索是否显示对象。 visibility:visible ...原创 2021-10-23 21:33:47 · 95 阅读 · 0 评论 -
CSS浮动(float)的应用
浮动和标准流的父盒子搭配 我们知道,浮动是脱标的,会影响下面的标准流元素,此时,我们需要给浮动的元素添加一个标准流的父亲,这样,最大化的减小了对其他标准流的影响。 一个完整的网页,是 标准流 + 浮动 + 我们后面要讲的定位 一起完成的。 注意,实际重要的导航栏中,我们不会直接用链接a 而是用 li 包含链接(li+a)的做法。 1. li+a 语义更清晰,一看这就是有条理的列表型内容。 2. 如果直接用a,搜索引擎容易辨...原创 2021-10-23 21:33:28 · 174 阅读 · 0 评论 -
CSSweb三大定位机制
说明:浮动,定位的目的就是改变元素原有的文档流,进行排版布局1.普通流---文档流:网页中写出来得标签元素原本占有的位置就是普通流(文档流) **块级元素**会独占一行,**从上向下**顺序排列; 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table **行内元素**会按照顺序,**从左到右**顺序排列,碰到父元素边缘则自动换行; - 常用元素:span、a、strong、em、img等2.浮动--float:left(左浮动...原创 2021-10-23 21:33:08 · 158 阅读 · 0 评论 -
CSS 背景(background)
1背景颜色(color)语法:background-color:颜色值;默认的值是transparent透明的2背景图片(image)语法:background-image:none|url(url)|参数|作用||none|无背景图(默认的)||url|使用绝对或相对地址指定背景图像|background-image:url(images/demo.png)...原创 2021-10-22 10:03:22 · 391 阅读 · 0 评论 -
CSS外观属性
1color:文本颜色作用:color属性用于定义文本的颜色,其取值方式有如下3种:|表示表示|属性值||预定义的颜色值|red,green,blue,还有我们的御用色pink||十六进制|#FF0000,#FF6600,#29D794||RGB代码|rgb(255,0,0)或rgb(100%,0%,0%)|2...原创 2021-10-22 09:59:47 · 99 阅读 · 0 评论 -
CSS字体样式属性调试工具
1.1font-size:大小作用font-size属性用于设置字号p{font-size:20px;}单位:可以使用相对长度单位,也可以使用绝对长度单位。**注意:***我们文字大小以后,基本就用px了,其他单位很少使用*谷歌浏览器默认的文字大小为16px,最小是12px,默认是14px*但是不同浏览器可能默认显示的字号大小不一致,我们尽量给一个明确值大小,不要默认大小。一般给body指定整个页面文字的大小1.2font-family:字体作用:font-family属性用于...原创 2021-10-22 09:58:11 · 99 阅读 · 0 评论 -
CSS基础
CSS网页的美容师让我们的网页更加丰富多彩,布局更加灵活自如。CSS的最大贡献就是:让HTML从样式中脱离,实现了HTML专注去做结构呈现,样式交给css1.CSS-概念:CSS(CascadingStyleSheets),通常称为CSS样式表或层叠样式表(级联样式表)作用:主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及**版面的布局和外观显示样式。CSS以HTML为基础,提供了丰富的功能,如...原创 2021-10-22 09:56:12 · 113 阅读 · 0 评论