![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css基础
流浪的小宇
我来不及认真地年轻,待明白过来时,只能选择认真地老去。
展开
-
ubuntu中用gimp 将psd文件分解
本来已经学习一段时间的css了,也跟着视频写过几个简单的网页了。认为自己应该能够及格了,就找了个简单的psd文件在没有任何人提醒的前提下操刀一个简单的登录框。如图: (此篇博客文件出自尚硅谷李立超老师的文件,感谢老师的分享) 看着很简单吧。 可我被自己打脸了,以前都是分好了的图片。拿过来就用,根本不用动脑怎么截图。轮到自己动手操作将这个psd文件分解,可又让我头疼了一阵子啊! 原因是我用的是Ubu...原创 2019-11-27 21:39:40 · 949 阅读 · 0 评论 -
关于浮动的小实验
**默认文档流** 1:元素默认会按照文档流显示,块元素的默认文档流是独占一行,所以从上至下显示。行内元素只占本身内容的大小,按照从左到右进行显示。原创 2019-09-04 22:21:26 · 205 阅读 · 0 评论 -
css background各种属性练习
文中素材出自尚硅谷李立超讲师,看完视频后自己实验记录下。偷懒没有仔细整理,其实用了好几个知识点一块写的。留存,同时感谢尚硅谷的分享! <!--background属性应用 overflow属性 浮动 position属性--> <!doctype html> <html> <head> <title></title> ...原创 2019-10-25 00:18:42 · 306 阅读 · 0 评论 -
简单页面练习
目标图片: 实际效果图片:原创 2019-10-24 18:53:51 · 364 阅读 · 0 评论 -
div布局练习
简单div布局练习 最近看了一下尚硅谷的视频,李立超讲师讲的很细致,大体上又看了一遍。讲的很透彻很适合零基础的朋友。 练习一下标签,把写好的东西备份一下。以后有空了可以复习下。 手绘图: 效果图: **** ...原创 2019-10-19 19:06:00 · 611 阅读 · 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 · 136 阅读 · 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 · 92 阅读 · 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 · 373 阅读 · 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 · 143 阅读 · 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 · 129 阅读 · 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 · 279 阅读 · 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 · 176 阅读 · 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 · 94 阅读 · 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 · 75 阅读 · 0 评论