随笔分类 - CSS
摘要:<html> <head> <title>百度首页模拟</title> <meta charset="UTF-8"/> <!-- 模拟百度首页: 1、首页使用css+div进行页面的布局 css代码一般使用外联方式进行开发 2、使用HTML进行每一个块中的内容填充 --> <!--引入外部声明的cs
阅读全文
摘要:<html> <head> <title>css的定位</title> <meta charset="UTF-8"/> <!-- css的定位学习: position 相对定位:relative 作用:相对元素原有位置移动指定的距离(相对的自己的原有位置) 可以使用top,left,right,bo
阅读全文
摘要:<html> <head> <title>盒子模型简单的布局</title> <meta charset="UTF-8"/> <style type="text/css"> /*设置div的基础样式*/ div{ width: 300px; height: 300px; } /*设置header和f
阅读全文
摘要:<html> <head> <title>css的盒子模型学习</title> <meta charset="UTF-8"/> <!-- css的盒子模型学习: div标签: 块级标签,主要是用来进行网页布局的,会将其中的子元素内容作为一个独立的整体存在。 特点: 默认宽度是页面的宽度,但是可以设置
阅读全文
摘要:<html> <head> <title>css的样式使用</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> /*添加网页背景图*/ body{ background-image: url(img/a1.j
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css的选择器学习</title> <!-- css的选择器学习: 标签选择器: 标签名{样式名1:样式值1;……} 作用:会将当前网页内的所有该标签增加相同的样式 id选择器:
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css的声明学习</title> <!-- CSS声明学习: 1、在head标签中使用style标签声明: 作用:此声明一般声明当前网页的公共样式或者给某个标签的单独样式 2、在标
阅读全文

浙公网安备 33010602011771号