zoukankan      html  css  js  c++  java
  • 3.20 css样式

          今天跟着老师把官网做了一下,讲的挺快,不过大部分还是能听进去,讲完完事就开始让我们自己做,我就先做我那个学校的官网,没有啥会不会得,不会就查,有书有老师有百度,所以说没啥不会的,就看你掌握的熟不熟练,总体来说我希望老师给我压力,让我们快速的学完js然后考我们css,考完再考js,这样我们才能给自己压力,知道记忆力的一重要。 

           现在还早,还有时间努力,继续加油吧。

    内联
    	写在标签里面
    	style="样式"
    	控制精确,代码重用性差
    内嵌
    	嵌在页面的head里面
    	<style type="text/css"></style>
    	控制没有内联的精确,代码重用性好
    外部
    	单独的样式文件
    	引入:右键-CSS样式表-附加样式表
    	引入:<link href="test.css" rel="stylesheet" type="text/cs"/>
    	控制没有内联的精确,代码重用性最好
    样式表用来选取元素的
    标签
    	根据标签名选中元素
    class
    	. (点)
    	根据class名来筛选元素
    id
    	# (井号)
    	根据id名来筛选出唯一元素
    	不能使用数字开头(中文开头)
    复合
    	逗号并列
    		div,span
    	空格后代
    		#list li
    	点筛选
    		div.s
    标签>*,class>标签,id>class
    大小
    	width
    		宽度
    	height
    		高度
    背景
    	background-color
    		背景色
    	background-image
    		背景图片
    	background-repeat
    		背景图的平铺方式
    	background-position
    		背景图片位置
    	background-attachment
    		设置背景图片是否滚动
    	background-size
    		背景图的大小 200px 200px 
    字体
    	font-family
    		字体样式
    	font-size
    		字体大小 12px  14px
    	font-style
    		italic倾斜
    	font-weight
    		bold加粗
    	text-decoration
    		underline下划线
    		overline上划线
    		line-through删除线
    		none没有,用来去掉超链接的下划线
    		<a><span>默认没法调整大小
    	color
    		字体颜色
    对齐方式
    	text-align
    		水平对齐方式
    	vertical-align
    		垂直对齐方式,配合行高使用
    	line-height
    		行高
    	text-indent
    		缩进 单位像素
    边界边框
    	margin
    		外边距  上右下左(所有的外面)
    	padding
    		内边距 上右下左  (嵌套的里面的和外面的距离)
    		如果加了内边距,该元素会相应的变大
    	border
    		1px solid #60F 简写方式  第一个边框粗细 第二个边框样式 第三个边框颜色
    列表方块
    	list-style
    		none将列表前面的序号去掉;inside是点在里面;outside是点在外面
    	list-style-image
    		可以将前面的序号变为图片
    格式与布局
    	位置
    		position 不占位
    			fixed固定
    				相对于浏览器边框位置固定
    			absolute绝对位置
    				相对于父级元素(浏览器,绝对定位的上级)
    			relative相对位置
    				相对于自身应该出现的位置
    		top
    			距离上边的距离
    		right
    			距离右边的距离
    		bottom
    			距离下边的距离
    		left
    			距离左边的距离
    	流
    		float
    			left
    				向左流
    			right
    				向右流
    		clear
    			both
    				清掉流
    	z-index分层
    		值越大越靠上
    其它
    	display
    		显示block和隐藏none,不占位置
    	visibility
    		显示visible和隐藏hidden,占位置
    	overflow
    		超出范围 hidden隐藏
    	透明
    		opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)
    	圆角
    		border-radius:5px;
    	阴影
    		box-shadow:左20px 上20px 羽化10px white;
    	hover 鼠标颜色
    

          样式表一些代码,抄袭备注。

  • 相关阅读:
    【CF741D】Arpa’s letter-marked tree and Mehrdad’s Dokhtar-kosh paths(dsu on tree)
    【CF600E】Lomsat gelral(dsu on tree)
    【Vijos】lxhgww的奇思妙想(长链剖分)
    【HDOJ6586】String(枚举)
    【HDOJ6578】Blank(DP)
    【HDOJ6583】Typewriter(SAM,DP)
    JAVA 集合 List 分组的两种方法
    HashMap的实现原理
    HashMap, HashTable, CurrentHashMap的区别
    java ThreadLocal(应用场景及使用方式及原理)
  • 原文地址:https://www.cnblogs.com/F9801/p/8613365.html
Copyright © 2011-2022 走看看