freeCodeCamp-CSS学习笔记
最近工作任务需要自己写前端,作为一名后端程序员,表示之前没写过CSS。 之前看过一些也忘了,这次就好好的在freecodecamp学一下CSS基础把。顺便练习一下英语阅读。
介绍
如果说HTML是人的骨骼,那么CSS就像人的皮肤以及衣服,用来装饰人。它能帮助我们控制web的:
color(颜色)
fonts(字体)
positioning(定位)
spacing(间距 ...
python 学习_第五模块 CSS(三)
python 学习_第五模块 CSS(三)
一 定位
1.有几种定位
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>定位</title>
</head>
<body>
<!-- position:static 静态
1.相对定位 position: relative;
2.绝对定位 position: absolute
3.固定定位 position:fix ...
python 学习_第五模块 CSS(二)
python 学习_第五模块 CSS(二)
一 行内元素分类
1 块级元素
(1)独自占一行 (2)可以设置宽高,如果不设置宽,默认是父标签的100%宽
display:block;
2 行内元素
(1)行内元素在一行内显示 (2)不能设置宽高
display:inline;
3 行内块元素
...
python 学习_第五模块 CSS
python 学习_第五模块 CSS
1 网页引用css样式 3种模式
内联样式
内嵌样式
外部样式(常用)
<!--
1.内联样式 (行内样式) 少用
2.内嵌样式
3.外部样式
-->
<!DOCTYPE html>
<html>
<head>
<title>3种模式</title>
<!-- 内嵌样式 -->
<style type="text/css">
...
CSS的初步学习
1.首先CSS的概念:
CSS即就是Cascading Style Sheet层叠样式表,的缩写;
是表现HTML文件样式的语言: 包括对字体,边距,高度,宽度,背景图片,网页定位等设定。
(目前市场企业主要使用CSS3.0)
2.CSS的优势:
内容和表现分离;网页的表现统一,容易修改;丰富的样式,使得页面的布局更加的灵活;减少网页的代码量,增加 ...
webpack学习(一)安装和命令行、一次js/css的打包体验及不同版本错误
一、前言
找了一个视频教程开始学习webpack,跟着视频学习,在自己的实际操作中发现,出现了很多问题。基本上都是因为版本的原因而导致,自己看的视频是基于webpack 1.x版,而自己现在早已是webpack 4.X了。觉得学习还是要以最新的来,也许以后并不会再接触到1.x的。不过了解不同版本更迭的问题,也是一个学习过程,更 ...
学习css盒子模型
在这一周,我学习了css,在没有学习css之前,我一直都觉得布局很难,样式特别难调,但是学习了css盒子模型之后我就觉得欸,其实还挺简单的,下面就来看看我学习的css吧。
CSS 盒子模型(Box Model)
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。
CSS盒模型 ...
CSS基础学习总结(1)
CSS基础学习总结(1)
一、引入CSS样式表(书写位置)
内部样式表
内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:
<head>
<style type="text/CSS">
选择器 {属性1:属性值1; 属性2:属性值2; ...
CSS的基础学习
CSS学习
&nbs ...