css基础
关注
分享
扫一扫
流浪的小宇
我来不及认真地年轻，待明白过来时，只能选择认真地老去。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ubuntu中用gimp 将psd文件分解
本来已经学习一段时间的css了，也跟着视频写过几个简单的网页了。认为自己应该能够及格了，就找了个简单的psd文件在没有任何人提醒的前提下操刀一个简单的登录框。如图：（此篇博客文件出自尚硅谷李立超老师的文件，感谢老师的分享）看着很简单吧。可我被自己打脸了，以前都是分好了的图片。拿过来就用，根本不用动脑怎么截图。轮到自己动手操作将这个psd文件分解，可又让我头疼了一阵子啊！原因是我用的是Ubu...原创 2019-11-27 21:39:40 · 1135 阅读 · 0 评论 -
关于浮动的小实验
**默认文档流** 1:元素默认会按照文档流显示，块元素的默认文档流是独占一行，所以从上至下显示。行内元素只占本身内容的大小，按照从左到右进行显示。原创 2019-09-04 22:21:26 · 259 阅读 · 0 评论 -
css background各种属性练习
文中素材出自尚硅谷李立超讲师，看完视频后自己实验记录下。偷懒没有仔细整理，其实用了好几个知识点一块写的。留存，同时感谢尚硅谷的分享！<!--background属性应用 overflow属性 浮动 position属性--><!doctype html><html> <head> <title></title> ...原创 2019-10-25 00:18:42 · 368 阅读 · 0 评论 -
简单页面练习
目标图片：实际效果图片：原创 2019-10-24 18:53:51 · 434 阅读 · 0 评论 -
div布局练习
简单div布局练习最近看了一下尚硅谷的视频，李立超讲师讲的很细致，大体上又看了一遍。讲的很透彻很适合零基础的朋友。练习一下标签，把写好的东西备份一下。以后有空了可以复习下。手绘图：效果图：****...原创 2019-10-19 19:06:00 · 709 阅读 · 0 评论 -
css第九天 盒子布局
效果图：html代码：<!doctype html><html> <head> <title> 盒子加强版 </title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="outcat.css">...原创 2019-09-03 19:43:57 · 179 阅读 · 0 评论 -
css 第八天表格属性
笔记图片代码截图代码css8.html<doctype html><html> <head> <title> 第八天 </title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./out.c...原创 2019-08-26 22:11:06 · 136 阅读 · 0 评论 -
css第六天 各种选择器简单练习
做了两套方案，一套是照视频做的。另一套是嵌套的div一：嵌套div代码<DOCTYPE html><html> <head> <title> 第六天 </title> <meta charset="utf-8"> <style type="text/css">div{ width:4...原创 2019-08-16 21:40:00 · 450 阅读 · 0 评论 -
css第七天 列表属性
笔记代码<!doctype html><html> <head> <title> 第七天 </title> <meta chatset="utf-8"> <!--link rel="stylesheet" type="text/css" href="out.css"--><...原创 2019-08-21 22:09:53 · 186 阅读 · 2 评论 -
css第五天 多元素选择器简单运用
<DOCTYPE html><html> <head> <title> 第五天 </title> <meta charset="UTF-8"><style type="text/css">*{ /*通配符选择器*/ margin:0; padding:0; }div p{ /...原创 2019-08-11 22:37:42 · 166 阅读 · 0 评论 -
css第四天 伪类选择器及实践作业
<DOCTYPE html><head> <title> 实践练习 </title> <meta charset="UTF-8"> <style type="text/css">.div-all{ width:400px; height:400px; margin-top:100px; m...原创 2019-08-10 14:33:08 · 371 阅读 · 0 评论 -
css第三天 类选择器、id选择器、html选择器
类选择器、id选择器、html选择器<!DOCTYPE HTML PUBLIC"_//W3C//DTD Transitional//EN><html> <head> <title> 三种选择器练习！！ </title> <meta http-equiv="keywords" content="css">...原创 2019-08-08 22:25:16 · 225 阅读 · 0 评论 -
css第二天
<!DOCTYPE HTML PUBLIC"_W3C//DTD HTML 4.01 Transitional//EN><html> <head> <title> first day </title> <meta http-equiv="keywords" content="css,html"><b...原创 2019-08-04 22:15:59 · 134 阅读 · 0 评论 -
css第一天
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>css1.html</title> <meta http-equiv="keywords" content="keyword1,keywor...原创 2019-08-04 22:13:50 · 118 阅读 · 0 评论