7.15

昨天教室空调坏了,修了一个小时,说是空调外机散热不好,开空调时不能一下子开16度,太扯淡了,今天早上还是很热,外边还下雨了,屋子里又闷又热。不过还是克服,克服,克服。



今早:有四个方面,css快速结构,复合选择器,文本框获得焦点,以及元素的显示模式。

快速结构方面,其实说白了就是快捷结构和快捷键的使用,如,div.box#box1{$}*3 ,这个结构按下tab键就会出现<div class="box"  id="box1">1</div>     <div class="box"  id="box1">2</div>      <div class="box"  id="box1">3</div>  这样式的,$这个就作为内容填充。

复合选择器方面:后代选择器(用空格隔开);子代选择器(用>号隔开);并集选择器(用,隔开);伪类选择器(这里仅仅只指链接伪类);其中链接伪类的书写有一定的顺序,lvha link(点击前);visited(点击后);hover(鼠标划过);activite(点击时);其中(:hover)这个伪类选择对任何标签都可应用。

文本框获得焦点:(:focus)这个仅仅对表单文本框应用,因为要获得焦点,只有在输入框中才会有鼠标焦点,可以对文字增加label标签,增强用户体验。

元素显示模式:这个是块元素与行内元素的区别,块,独占一行可设置宽高,不设置宽时默认与父元素相同。

下午的话就对上午所学的内容进行了复习,以及学了background,其中有color url repeat position(有精确像素和文字表示)还有 attachment有fixed和scroll。最后就制作了一个五彩导航栏,鼠标放上去是可以变换颜色的。



因明天自习一天,所预习与明天写。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、网页认识 1、网页组成 文字、图片、超链接、音频、视频; 2、网页背后本质 前端程序员写的一行行的代码; 3、...
    Cargo阅读 694评论 0赞 0
  • CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 4,365评论 1赞 13
  • 一、基础选择器 标签选择器:标签名 { css属性名:属性值; } 类选择器:.类名 { css属性名:属性值; ...
    骑着蜗牛去攻城阅读 203评论 0赞 0
  • 1.1CSS 基础与选择器初识 | CSS 1. CSS 加载方式有几种? CSS样式加载一共有四种方式: 1、行...
    没糖_cristalle阅读 1,055评论 0赞 0
  • 选择器就是找目标元素的过程。选择器有1. 标签选择器 2. 类选择器 3. id选择器 4. 子选择器 ...
    潘肚饿兵哥哥阅读 689评论 0赞 0

友情链接更多精彩内容