鲨鱼小强233-CSDN博客

原创 flex携程项目总结

flex携程项目总结1.flex布局很好用，均分块状元素flex布局原理：通过给父盒子添加flex属性来控制子盒子的位置和排列方式。2.子绝父相常用而且实用，要理解3.flex布局常用的父项属性和子项属性：父级（容器）：flex-direction主轴方向：row row-reverse column column-reverseflex-wrap换行：nowrap(默认不换行) wrap wrap-reverseflex-flow 上面两个的合写默认值为row nowrapjust

2021-04-15 10:16:56 138

原创 CSS-BACKGROUND属性

CSS-BACKGROUND属性background-color:设置背景颜色background-image 设置背景图片background-repeat 背景重复background-position 背景定位background-attachment 背景附着background-color:设置背景颜色加载范围：默认加载到边框及以内部分。后期如果加载图片不重复，加载从border以内开始属性值：url（图片路径）background-repeat：设置背景重复常用属性值：no-

2021-03-15 10:11:55 111

原创 CSS---伪类

CSS—伪类伪类和类相比较，伪类不需要给标签添加任何属性。伪类名都是语法提前规定好的，书写时伪类必须搭配其他选择器使用。伪类选择器后面添加的样式不一定立即加载到浏览器之上，只有用户触发了对应的行为伪类的样式才会立即加载（对应类选择器的属性会立即添加到页面上）。标签的伪类标签可以根据用户行为的不同划分为四种状态，通过伪类可以设置成不同的样式结果。a：link{color：grey}***（访问前样式）***a：visited{color: cyan}***（访问后样式）***a:hover

2021-03-14 00:47:31 78

原创拉勾前段学习笔记：CSS常用样式——浮动和清除浮动

CSS常用样式——浮动属性浮动是我们学习的第1种脱离标准流的属性。浮动是一种非常重要的布局属性属性名：float属性值：left左浮动；right右浮动作用：让元素脱离标准流，同一级的浮动元素可以并排在一排显示一、浮动的定义 .box{ width: 1000px; height: 100px; border: 1px solid #800; } .box p{ float: left;

2021-03-13 23:08:23 281

原创 css常用样式-标准文档流：

标准文档流：指元素排版中会默认自动的从左往右，从上往下进行流式排列方式HTML是一种标准文档流文件标准文档流具有个微观现象空白折叠现象文字类的元素如果排在一行会出现一种高低不齐，底边对齐效果自动换行，元素内一行内容写满元素的width时会自动换行标准文档流中的元素等级：块级元素：大部分容器标签,行内元素：大部分文本级标签,行内块元素：行内块元素块级元素加载特点：块级元素可以设置宽高，在浏览器中正常加载。块级元素必须独占一行，不能与其他任何标签并排一行

2021-03-11 09:25:13 56

原创 3.8日学习日志 css常用样式

css常用样式一、字体粗细font-weight：属性值：lighter normal bold bolder四种属性值依次加粗，或者数字表示（注意400和700两个值），没有单位。字体风格font-style：设置是否斜体属性值：normal，italic（斜体英文），oblique（倾斜文字，只是将文字倾斜，与字体无关）字体综合属性font：字体，字号，行高，加粗，斜体都是font综合属性的单一属性这些单一属性可以进行合写，属性可以有两到多个，值之间用空格进行分隔。写法一：先写字

2021-03-09 15:47:38 167

原创 HTML笔记补充———表单

HTML笔记补充表单HTML表单用于搜集不同类型的用户输入，是网页中提供用户输入或点击的小控件HTML中一个完整的表单通常表单域提示信息表单控件由这三个部分构成。表单域< form >,负责盛放表单内所有元素，主要记住两个属性名和属性值 action="url" 指定接收并处理表单数据的服务器程序的URL地址 method="get/post"用于设置表单数据的提交方式 <form action="data.php" me

2021-03-06 22:30:10 51

原创拉勾教育css学习笔记3.6 css选择器以及属性

CSS（二）6.CSS选择器选择器：选择要添加样式的html标签的一种方法、模式。将学习css2.1的七种选择器：基础选择器：标签选择器、id选择器、类选择器、通配符选择器。高级选择器：后代选择器，交集选择器，并集选择器。基础选择器—标签选择器书写方式：通过同名的标签名进行选择。注意：标签选择器可以选择所有的同名标签，会忽视HTTP嵌套关系，不管嵌套多深都会被选中。优点：可以选中所有的同名标签，效率高。缺点：只能实现全选，不能对局部进行选择。基础选择器—id选择器通过标签上的id属性

2021-03-06 18:41:55 94

原创拉勾教育CSS学习笔记3.5

CSS 今明两天将对CSS层叠样式表(cascading style sheets) 进行一个初步的学习和认识，3月5日主要学习了样式表的集中编程方式，语法规则以及常用属性，3月6日将学习css的几个重要的选择器以及继承性和层叠性。1.css规则css规则主要由两个主要的部分组成：选择器，以及一条或多条声明 p {width: 300px;font-size: 14px;}p:选择器-----功能：选择所有的 p标签width/font-size:属性名14px：属性值根据书写位置不同，

2021-03-06 08:35:59 107

原创二、HTML标签

二、HTML标签1.标题标签从h1到h6…标题标签对于呈现文档结构非常重要，使用时要根据标签重要程度进行选择。要注意h1标签在整个HTML中的权重非常高，应该放置HTML中最重要的内容比如说logo。约定俗成 h1 在整个页面中只能出现一次2.段落标签< p >添加一个完整段落。3.换行标签< /br > 换行作用4.文字格式化标签修饰文本，如粗体斜体等（后期在css中也可以修饰），均为双标签，且是文本级标签。比较重要的：标签描述

2021-03-04 22:49:22 152 1

原创拉勾教育前端小白学习之路（1）HTML基本框架

一、HTML基本框架1.HTML基本骨架HTML文件最基本的四个标签，组成了网页的基本骨架,html标签根元素head标签用于存放诸如title，meta，base，script，style等一些元素标签（其中必须设置）title标签作用:1.title标签使打开的网页有一个标签名 2.并且方便SEO搜索引擎抓取关键词，提高权重 3.title内的内容会显示在搜索结果作为标题 4.作为浏览器收藏夹默认的网页标题title必须是网页内容的重中之重，必须精简内容，提取关键字

2021-03-04 16:44:05 197 1

YuYuehaoYu的博客